Etiqueta <script> HTML
Definição e uso
<script>
A tag é usada para嵌入客户端脚本。
<script>
O elemento pode conter语句 ou através Atributo src Ponte para o arquivo de script externo.
O tipo de script mais usado é o JavaScript, embora os navegadores também suportem outros linguagens de script.
O uso mais comum do JavaScript é o processamento de imagens, validação de formulários e alteração dinâmica de conteúdo.
Notas:O tipo de elemento do script depende do seu uso. O elemento script localizado no elemento head é um elemento de metadados, enquanto o localizado em outros elementos (como body ou sectionAs que estão dentro dos parênteses são elementos de frase.
Veja também:
Tutorial de HTML:Script HTML
Manual de referência do DOM HTML:Objeto Script
Tutorial de JavaScript:Aprender JavaScript
Exemplo
Exemplo 1: Definir script anexado ao documento
Escreva "Hello JavaScript!" usando JavaScript:
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>
Exemplo 2: Carregar biblioteca de script externo
<script src="simple.js"></script>
Dicas e comentários
Dica:Para navegadores que desativaram scripts ou que não suportam scripts, veja também Elemento <noscript>.
Dica:Se você quiser aprender mais sobre JavaScript, acesse nosso Tutorial de JavaScript.
Atributo
Atributo | Valor | Descrição |
---|---|---|
async | async | Especifica que o script deve ser baixado em paralelo enquanto a página é analisada e executado imediatamente quando disponível (antes da conclusão da análise) (apenas para scripts externos). |
crossorigin |
|
Define o padrão da solicitação como solicitação CORS HTTP. |
defer | defer | Especifica que o script deve ser baixado em paralelo enquanto a página é analisada e executado após a conclusão da análise da página (apenas para scripts externos). |
integrity | filehash | Permite que o navegador verifique o script obtido para garantir que o código nunca seja carregado se o código-fonte for manipulado. |
nomodule |
|
Especifica que o script não deve ser executado em navegadores que suportam módulos ES2015. |
referrerpolicy |
|
Especifica quais informações de referenciador devem ser enviadas ao obter o script. |
src | URL | Especifica a URL do arquivo de script externo. |
type | Tipo de script | Especifica o tipo de mídia do script. |
Diferenças entre HTML e XHTML
No XHTML, o conteúdo dentro do script é declarado como #PCDATA (em vez de CDATA), o que significa que os entities serão analisados.
Isso significa que no XHTML, todos os caracteres especiais devem ser codificados, ou todo o conteúdo deve ser envolto na parte CDATA:
<script type="text/javascript"> //<![CDATA[ var i = 10; if (i < 5) { // some code } //]]> </script>
Atributos globais
<script>
A tag também suporta Atributos globais do HTML.
Configurações CSS padrão
A maioria dos navegadores exibirá os seguintes valores padrão: <script>
Elemento:
script { display: none; }
Suporte ao navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Suporte | Suporte | Suporte | Suporte | Suporte |