Onde colocar javascript em um arquivo html

Ao projetar uma página ou site da web, os desenvolvedores geralmente acham conveniente integrar códigos HTML e JavaScript de acordo com as funcionalidades incluídas. Por exemplo, colocando o código referente a uma funcionalidade específica relacionada ao código ou anexando a mesma funcionalidade a várias páginas da web no site. Em tais cenários, a colocação de JavaScript em um arquivo html é de grande ajuda.

Este guia ilustrará as abordagens para colocar o JavaScript em um arquivo html.

Onde colocar javascript em um arquivo html?

A colocação do JavaScript em um arquivo HTML pode estar no:

• ““" marcação.
• ““" marcação.
• Externo “arquivo js”.

Abordagem 1: Colocação de JavaScript dentro da tag em um arquivo html

Nesta abordagem, a colocação da parte JavaScript do código dentro do “”A tag será ilustrada.

Exemplo

Vamos ter uma visão geral da demonstração abaixo de ser dada:

Clique em mim

No trecho de código acima:

• Inclua a parte JavaScript do código dentro do “”Tag com a ajuda do“" marcação.
• No código JS, defina uma função chamada “PlacementJs ()”. Em sua definição, exiba a mensagem declarada através da caixa de diálogo alerta.
• Por fim, no código HTML, crie um botão com um “ONCLICK”Evento que será redirecionado para a função definida na etapa anterior no botão Clique.

Saída

Na saída acima, pode -se observar que o código JS está funcionando corretamente, colocando -o dentro do “" marcação.

Abordagem 2: Colocação de JavaScript dentro da tag em um arquivo html

Nesta abordagem, a colocação do código JavaScript dentro do “”Tag em um arquivo html será discutido.

Exemplo

O exemplo abaixo do rumo ilustra o conceito declarado:

Clique em mim

Nas linhas acima do código:

• Dentro do "”Tag, da mesma forma, crie um botão que invocava o posicionamento de funções () com a ajuda do“ONCLICKEvento.
• No bloco de código JavaScript, declare uma função chamada “PlacementJs ()”.
• Esta função será invocada no botão Clique 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 "src”Atributo.

Exemplo

Vamos passar pelo exemplo a seguir:

Clique em mim

No código HTML acima:

• Lembre -se da abordagem discutida para criar um botão redirecionando para a função JavaScript “PlacementJs ()”.
• Depois disso, integre as funcionalidades JavaScript com a ajuda de um arquivo JS externo vinculado ao nome do arquivo declarado no “src”Atributo.

Vamos passar para o código JS abaixo de ser dado:

Função PlacementJs ()
Alert ("Este é um arquivo JavaScript externo")

No bloco de código acima:

• Defina uma função chamada “PlacementJs ()”.
• Em sua definição, exiba a mensagem declarada via alerta no botão Clique.
• Essa abordagem retornará o mesmo resultado incorporando 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 do JavaScript em um arquivo html pode estar no “”Tag, a“”Tag, ou como um externo“arquivo js”Ao especificar o“src”. O código JavaScript age o mesmo quando colocado em qualquer uma das tags declaradas. No entanto, colocar JavaScript como um arquivo JS externo auxilia na reutilização do código. Este blog guiado relacionado à colocação de JavaScript em um arquivo html.