HTML reference manual

HTML tag complete

HTML: <section> etiqueta HTML: <samp> tag

HTML: <script> tag

HTML <script>tag　is　used　to　embed　or　reference　client-side　scripts（such　as　JavaScript）．This　tag　is　also　commonly　referred　to　as　the　<script>element．Note:　the　starting　and　ending　tags　cannot　be　omitted．

Online Example

Output "HTML5 Script Tag Example"：

Example

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>HTML　script　tag　use　(Foundations Tutorial Website　oldtoolbag.com)</title>　
<!--　HTML4　and　(x)HTML　-->
<script type="text/javascript"　src="functions.js">
<!--　HTML5　-->
<script　src="/js/functions.js"></script>
</<head>
<body>
<script type="text/javascript">
　　document.write("HTML5　Script　Tag　Example");</script>
</body>
</html>

Teste e veja ‹/›

Neste HTML5No exemplo de documento, usamos a marcação <script> dentro da marcação <head> para referenciar um arquivo javascript chamado functions.js. Também usamos a marcação <script> dentro da marcação <body> para imprimir o texto " HTML5Exemplo de marcação de script.

Observe que:type="text/javascript" HTML5A marcação <script> não é necessária no documento.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o tag <script>.

Definição e instruções de uso do tag

O tag <script> é usado para definir scripts do cliente, como JavaScript.

O elemento <script> pode conter instruções de script ou apontar para um arquivo de script externo através do atributo "src".

JavaScript é geralmente usado para operações de imagem, validação de formulários e mudanças de conteúdo dinâmicas.

Dicas e Atentions:

Atenção:Se usar o atributo "src", o elemento <script> deve estar vazio.

Atenção::As tags de início e de fim não podem ser omitidas.

Dica:Ver: <noscript> O elemento é muito útil para aqueles que desativaram scripts no navegador ou cujo navegador não suporta scripts do cliente.

Notas: Existem várias maneiras de executar scripts externos:

Se async="async": o script será executado de forma assíncrona em relação ao resto da página (ao continuar a análise da página, o script será executado)
Se não usar async e defer="defer": o script será executado quando a página for analisada
Se não usar nem async nem defer: leia e execute o script imediatamente antes de o navegador continuar a analisar a página

HTML 4.01 e HTML5Diferenças entre

No HTML 4 No, o atributo "type" é obrigatório, mas no HTML5 é opcional.

O atributo "async" é HTML5 nova propriedade.

HTML5 Já não suporta HTML 4.01 Alguns atributos: "xml:space".

Diferenças entre HTML e XHTML

No XHTML, o tipo de conteúdo do script é declarado como #PCDATA (em vez de CDATA), o que significa que os entidade serão analisados.

Isso significa que, no XHTML, todos os caracteres especiais devem ser codificados ou todos os conteúdos devem ser aninhados na seção CDATA:

<script type="text/javascript">
//<![CDATA[
var i=10;
if (i<5)
{
　　　　//　Conteúdo do código
}
//]]>
</script>

Atributo

Novo: HTML5 nova propriedade.

Atributo	Valor	Descrição
asyncHTML5	async	Define a execução assíncrona do script (apenas para scripts externos).
charset	charset	Define a codificação de caracteres usada no script (apenas para scripts externos).
defer	defer	Define que o script seja executado após a conclusão da análise da página (apenas para scripts externos).
src	URL	Define a URL do script externo.
type	MIME-type	Define o tipo MIME do script. text/javascript text/ecmascript application/javascript application/ecmascript
xml:space	preserve	HTML5 Não suportado. Define se deve preservar espaços em branco no código.

Atributos globais

A etiqueta <script> suporta Atributos globais do HTML。