Este guia irá ilustrar as abordagens para colocar JavaScript em um arquivo HTML.
Onde colocar JavaScript em um arquivo HTML?
A colocação de JavaScript em um arquivo HTML pode estar no:
Abordagem 1: Posicionamento do JavaScript na tag em um arquivo HTML
Nesta abordagem, a colocação da parte JavaScript do código dentro do “
Exemplo
Vamos ter uma visão geral da demonstração abaixo:
< cabeça >
< tipo de script = 'texto/javascript' >
colocação de funçãoJs ( ) {
alerta ( 'O posicionamento do JavaScript está dentro da tag ' )
}
roteiro >
cabeça >
< corpo >
< Centro >< botão ao clicar = 'placementJs()' > Clique em mim botão > Centro >
corpo >
No trecho de código acima:
- Inclua a parte JavaScript do código dentro do “
” marca com a ajuda do “ ' marcação. - No código JS, defina uma função chamada “ posicionamentoJs() ”. Em sua definição, exiba a mensagem declarada por meio da caixa de diálogo de alerta.
- Por último, no código HTML, crie um botão com um “ ao clicar ” que redirecionará para a função definida na etapa anterior ao clicar no botão.
Saída
Na saída acima, pode-se ver que o código JS está funcionando corretamente, colocando-o dentro do “
Abordagem 2: Posicionamento do JavaScript na tag em um arquivo HTML
Nesta abordagem, a colocação do código JavaScript dentro do “
Exemplo
O exemplo abaixo ilustra o conceito declarado:
< corpo >< Centro >< botão ao clicar = 'placementJs()' > Clique em mim botão > Centro >
< tipo de script = 'texto/javascript' >
colocação de funçãoJs ( ) {
alerta ( 'O posicionamento do JavaScript está dentro da tag ' )
}
roteiro >
corpo >
Nas linhas de código acima:
- Dentro do '
” da mesma forma, crie um botão invocando a função placementJs() com a ajuda da tag “ ao clicar ” evento. - No bloco de código JavaScript, declare uma função chamada “ posicionamentoJs() ”.
- Esta função será invocada após o clique do botão e exibirá a mensagem declarada por meio de um alerta.
Saída
Abordagem 3: Colocação de JavaScript como um arquivo externo
Essa abordagem específica envolve a colocação de um bloco de código JavaScript como um arquivo JS externo com o nome de arquivo específico com uma extensão “ .js ' no ' origem ” atributo.
Exemplo
Vamos ao seguinte exemplo:
< corpo >< Centro >< botão ao clicar = 'placementJs()' > Clique em mim botão > Centro >
corpo >
< tipo de script = 'texto/javascript' origem = arquivo externo. js > roteiro >
No código HTML acima:
- Lembre-se da abordagem discutida para criar um botão redirecionando para a função JavaScript “ posicionamentoJs() ”.
- Depois disso, integre as funcionalidades do JavaScript com a ajuda de um arquivo JS externo vinculado ao nome do arquivo indicado no “ origem ” atributo.
Vamos passar para o código JS abaixo:
colocação de funçãoJs ( ) {alerta ( 'Este é um arquivo JavaScript externo' )
}
No bloco de código acima:
- Defina uma função chamada “ posicionamentoJS() ”.
- Em sua definição, exibir a mensagem declarada via alerta ao clicar no botão.
- Essa abordagem retornará o mesmo resultado ao incorporar os arquivos HTML e JavaScript.
Saída
Oferecemos informações autênticas relacionadas à colocação de JavaScript em um arquivo HTML.
Conclusão
A colocação de JavaScript em um arquivo HTML pode estar no “