Não há restrição ao número de tags de "script" em html. Portanto, pode haver várias tags de "script" em um único documento HTML.
Como as tags são executadas em html?
Em um documento HTML, o navegador primeiro busca a parte do índice HTML e, após o índice, o outro documento HTML é analisado. Enquanto analisa o documento, quando há um “”Tag, o navegador solicita o arquivo de script. Naquela época, o navegador interrompe a análise dos outros elementos HTML. Depois disso, o navegador carrega o arquivo de script do caminho mencionado (se houver) ou o carrega do mesmo arquivo depois que todo o script for carregado, o navegador passa para analisar outros elementos.
Adicionando
Tags de script com as funções JavaScript podem ser adicionadas no elemento da cabeça. Vamos implementar essa idéia praticamente, tomando um exemplo simples de uma função JavaScript adicionada no elemento principal do documento HTML.
Exemplo
Basta adicionar o elemento de script dentro do elemento da cabeça ou mover o elemento de script em um documento HTML existente para a etiqueta da cabeça:
Adicionando tags de script na cabeça
Antes…
No trecho de código acima:
Isso executará a função JavaScript corretamente na saída:
Adicionando CRIP> Tag no elemento corporal
Tags de script também podem ser adicionadas dentro do “”Elemento em qualquer lugar antes do final“corpo" Tag.
Exemplo
Os mesmos resultados serão gerados se o “roteiro”As tags são adicionadas no corpo elemento:
Adicionando tags de script no corpo
Antes…
No trecho de código acima:
Adicionando o “roteiro”Tags dentro dos“corpo”O elemento também gerará os mesmos resultados e fará com que a função JavaScript seja executada corretamente:
Isso demonstra onde deveria o “”Tags são colocadas em um documento HTML. No entanto, você pode estar se perguntando se deve existir algum tipo de diferença entre os dois métodos.
Diferença na colocação nos elementos da cabeça e do corpo
A principal diferença entre os dois métodos é na verdade o momento em que a tag de script é carregada no navegador.
Geralmente, o elemento é o primeiro elemento carregado pelo navegador, e isso significa que qualquer script colocado dentro da cabeça seria carregado mesmo antes de carregar os elementos da página da web. No entanto, se o script for colocado no elemento, então é carregado na ordem do número da linha em que é colocado.
Conclusão
O "roteiro”Tags (contendo as funções JavaScript) em um documento HTML podem ser colocadas dentro do“cabeça”Elemento, bem como dentro do“corpo" elemento. Eles também podem ser adicionados em ambos os elementos (cabeça e corpo) no documento. Todas essas maneiras farão com que o javascript funcione dentro do “”Tags funcionam corretamente. Este artigo fornece uma visão geral completa de onde adicionar o “”Tags no documento HTML.