Não há restrição quanto ao número de tags “script” em HTML. Portanto, pode haver várias tags de “script” em um único documento HTML.
Como as tags
Adicionando rasgado > Marcar no Elemento Cabeçalho
Tags de script com as funções JavaScript podem ser adicionadas no elemento head. Vamos implementar essa ideia de forma prática tomando um exemplo simples de uma função JavaScript adicionada no elemento head do documento HTML.
Exemplo
Basta adicionar o elemento script dentro do elemento head ou mover o elemento script em um documento HTML existente para a tag head:
< cabeça >
< roteiro >
função minhaFunção() {
document.getElementById('demoId').innerHTML = 'Depois!!!';
}
< / roteiro >
< / cabeça >
< corpo >
< h2 > Adicionando tags de script no cabeçalho < / h2 >
< p eu ia = 'demoId' > Antes... < / p >
< botão tipo = 'botão' ao clicar = 'minhaFunção()' > Mude < / botão >
< / corpo >
No trecho de código acima:
- Há um ' ” encabeçando dentro do “ corpo ” elemento e depois disso, há um “ parágrafo ” elemento contendo um texto simples.
- Um botão é então criado e uma função “ minhaFunção() ”foi definido no“ ao clicar ” adicionado como o manipulador de eventos.
- O ' roteiro ” elemento é adicionado dentro do “ cabeça ” elemento, e dentro dele, a função é chamada, e o “ getElementById ” foi definido referindo-se ao método “ demoId “.
Isso executará a função JavaScript corretamente na saída:
Adicionando cripta > Marcar no elemento do corpo
Tags de script também podem ser adicionadas dentro do “
Exemplo
Os mesmos resultados serão gerados se o “ roteiro ” tags são adicionadas no corpo elemento:
< / corpo >
< h2 >Adicionando tags de script no corpo< / h2 >
< p eu ia = 'demoId' >Antes...< / p >
< botão tipo = 'botão' ao clicar = 'minhaFunção()' >Alterar< / botão >
< roteiro >
função minhafunção ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Depois!!!' ;
}
< / roteiro >
< / corpo > No trecho de código acima:
- A mesma função JavaScript no mesmo código explicada na seção anterior desta postagem foi adicionada ao elemento body.
Adicionando o “ roteiro ” tags dentro do “ corpo ” também gerará os mesmos resultados e fará com que a função JavaScript seja executada corretamente:
Isso demonstra onde deve o “