Onde colocar o código JavaScript?
Normalmente, o código JavaScript é usado com o código HTML, e o código JavaScript pode ser colocado em qualquer lugar em um documento HTML. No entanto, o local onde é colocado terá um certo impacto na execução normal do código JavaScript, conforme descrito abaixo.
Colocado entre <head> </ad Head>
É uma prática comum colocar o código JavaScript entre tags <head> </head> em documentos HTML. Como os documentos HTML são carregados pelo navegador de cima para baixo, a colocação do código JavaScript entre as tags <head> </head> garante que ele tenha sido carregado antes de você precisar usar o script:
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
...
Código JavaScript
...
</script>
</head>
....
Colocado entre <body> </body>
Existem também alguns casos em que o código JavaScript é colocado entre <body> </body>. Imagine a seguinte situação: temos um código JavaScript que precisa manipular elementos HTML. No entanto, como o documento HTML é carregado pelo navegador de cima para baixo, para evitar que o elemento HTML não seja carregado e um erro (o objeto não existe) é relatado pelo código JavaScript ao manipular elementos HTML. Portanto, esse código precisa ser escrito por trás do elemento HTML. O exemplo é o seguinte:
A cópia do código é a seguinte:
<html>
<head>
</head>
<Body>
</body>
<div id = "div1"> </div>
<script type = "text/javascript">
document.getElementById ("div1"). innerhtml = "texto de teste";
</script>
</html>
Mas, geralmente, nossa operação de elementos da página é geralmente impulsionada por eventos, então essa situação é rara. Além disso, não recomendamos escrever código JavaScript fora <html> </html>.
dica
Se o documento HTML for declarado como XHTML, a tag <cript> </sCript> deverá ser declarada na seção CDATA, caso contrário, o XHTML analisará o <Script> </sCript> tag em outra tag XML e o código Javscript dentro não poderá ser executado normalmente. Portanto, o uso de JavaScript no XHTML rigoroso deve ser declarado como o exemplo a seguir:
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript">
<! [CDATA [
Código JavaScript
]]>
</script>
</head>
....
As duas maneiras acima de escrever o código JavaScript nos documentos HTML são ambas as maneiras de fazer referência ao código JavaScript no documento HTML. Além das referências internas, referências externas também podem ser usadas.
Referência externa ao código JavaScript
Faça o código JavaScript (excluindo <sCript> </script> tags) um documento separado, nomeado com um sufixo JS, como myscript.js, e use o atributo src no documento HTML <Cript> </script> para fazer referência ao arquivo:
A cópia do código é a seguinte:
<html>
<head>
<script type = "text/javascript" src = "myscript.js"> </script>
</head>
....
Os benefícios são óbvios depois de usar o código JavaScript referenciado externo:
1. Evite usar <!-... //-> no código JavaScript
2. Evite usar cdatas feias
3. O código JavaScript público pode ser replicado em outros documentos HTML, que também são propícios à manutenção unificada do código JavaScript.
4. O documento HTML é menor, o que é propício para a coleta de mecanismo de pesquisa
5. Pode comprimir e criptografar um único arquivo JavaScript
6. O navegador pode cache os arquivos JavaScript para reduzir o uso de banda larga (quando várias páginas usam um arquivo JavaScript ao mesmo tempo, geralmente só precisa ser baixado uma vez)
7. Evite o uso de entidades HTML complexas, como document.write (2> 1) pode ser usado diretamente sem escrever documentos.write (2 <1)
A formação do código JavaScript em arquivos externos também aumentará a carga das solicitações HTTP no servidor. Em um ambiente de solicitações concorrentes super altas, essa não é uma boa estratégia. Além disso, ao se referir a arquivos JS externos, você precisa prestar atenção ao caminho correto do arquivo.