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>

Experimente pessoalmente

Exemplo 2: Carregar biblioteca de script externo

<script src="simple.js"></script>

Experimente pessoalmente

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
  • anonymous
  • use-credentials
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
  • True
  • False
Especifica que o script não deve ser executado em navegadores que suportam módulos ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
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