Tag HTML <script>
Exemplo
Escreva "Olá JavaScript!" com JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definição e uso
A <script>tag é usada para incorporar um script do lado do cliente (JavaScript).
O <script>elemento contém instruções de script ou aponta para um arquivo de script externo por meio do atributo src.
Os usos comuns para JavaScript são manipulação de imagem, validação de formulário e alterações dinâmicas de conteúdo.
Dicas e Notas
Dica: observe também o elemento <noscript> para usuários que desabilitaram scripts em seus navegadores ou têm um navegador que não oferece suporte a scripts do lado do cliente.
Dica: Se você quiser saber mais sobre JavaScript, visite nosso Tutorial de JavaScript .
Suporte ao navegador
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
Atributos
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
Diferenças entre HTML e XHTML
Em XHTML, o conteúdo dentro dos scripts é declarado como #PCDATA (em vez de CDATA), o que significa que as entidades serão analisadas.
Isso significa que em XHTML, todos os caracteres especiais devem ser codificados ou todo o conteúdo deve ser encapsulado em uma seção CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Atributos Globais
A <script>tag também suporta os Atributos Globais em HTML .
Páginas relacionadas
Tutorial HTML: Scripts HTML
Referência HTML DOM: objeto de script
Tutorial JavaScript: Aprenda JavaScript
Configurações padrão de CSS
A maioria dos navegadores exibirá o <script>elemento com os seguintes valores padrão:
script {
display: none;
}