Exemplo
Escrever "Olá JavaScript!" com JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Tente você mesmo " Definição e Uso
O <script> tag é usada para definir um script do lado do cliente (JavaScript).
O <script> elemento contenha declarações de script, ou ele aponta para um arquivo de script externo através da src atributo.
Os usos mais comuns para JavaScript são de manipulação de imagem, validação de formulário, e as mudanças dinâmicas do conteúdo.
Dica: Se você quer aprender JavaScript, visite nosso Tutorial JavaScript .
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <script> | sim | sim | sim | sim | sim |
Dicas e Notas
Nota: Se o "src" atributo está presente, o <script> elemento deve estar vazio.
Dica: Veja também a <noscript> elemento para usuários que têm roteiros deficientes em seu navegador, ou têm um navegador que não suporta scripts do lado do cliente.
Nota: Existem várias maneiras de um script externo podem ser executadas:
- Se async="async" : O script é executado de forma assíncrona com o resto da página (o script será executado enquanto a página continua a análise)
- Se async não está presente e defer="defer" : O script é executado quando a página terminou parsing
- Se nem async ou defer está presente: O script é buscada e executada imediatamente, antes de o navegador continua a analisar a página
Diferenças entre HTML 4.01 e HTML5
O "type" atributo é obrigatório em HTML 4, mas opcional em HTML5.
O "async" atributo é novo em HTML5.
O atributo HTML 4.01: "xml:space" , não é compatível com HTML5.
Diferenças entre HTML e XHTML
Em XHTML, o conteúdo dentro de scripts é declarado como #PCDATA (em vez de CDATA), o que significa que as entidades será analisado.
Isto significa que em XHTML, todos os caracteres especiais devem ser codificados, ou todo o conteúdo deve ser acondicionada dentro de uma seção CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| async | async | Especifica que o script é executado de forma assíncrona (somente para scripts externos) |
| charset | charset | Especifica a codificação de caracteres usado em um arquivo de script externo |
| defer | defer | Especifica que o script é executado quando a página terminou a análise (apenas para scripts externos) |
| src | URL | Especifica a URL de um arquivo de script externo |
| type | media_type | Especifica o tipo de mídia do script |
| xml:space | preserve | Não suportado em HTML5. Especifica se espaços em branco no código deve ser preservada |
Atributos globais
O <script> tag também suporta o Global de Atributos em HTML .
Páginas relacionadas
Tutorial HTML: Scripts HTML
Referência HTML DOM: Objeto Script
JavaScript Tutorial: Aprenda JavaScript
Configurações CSS padrão
A maioria dos navegadores irá exibir o <script> elemento com os seguintes valores padrão:
script {
display: none;
}