Como o JavaScript embutido funciona com HTML ?

O JavaScript embutido representa o pedaço de código escrito entre o tags no .html arquivo. Além disso, o JavaScript tem a capacidade de chamar e empurrar dados para o servidor. Portanto, fornece manipulação de DOM utilizando diferentes funções internas. Para esse fim, JavaScript embutido é útil para reduzir a complexidade usando vários arquivos JavaScript em um programa. É prática recomendada para fins de demonstração para que os desenvolvedores não precisem alternar entre arquivos JavaScript.

Nesta postagem, os usuários entenderão como JavaScript embutido funciona com HTML. Os resultados deste post são:

• Como o JavaScript embutido funciona no HTML?
• Como adicionar javascript embutido com html?

Como o JavaScript embutido funciona no HTML?

O navegador interpreta o código como JavaScript, escrevendo entre Tag. Caso contrário, é tratado como texto simples. O tag pode especificar um arquivo de script externo pela utilização do src atributo. A vantagem de usar javascript embutido em Html arquivos é reduzir a viagem de ida e volta do navegador da web para o servidor. Além disso, uma chamada adicional para um arquivo JavaScript é evitada usando o código JavaScript no Html arquivo. A sintaxe a seguir refere -se ao uso do JavaScript embutido com HTML:

Sintaxe

O par de tags e o código JavaScript dentro das tags é o principal fator de identificação do javascript embutido.

Como adicionar javascript embutido com html?

Até agora, você aprendeu as informações básicas sobre JavaScript em linha. Aqui, praticamente demonstraremos como um javascript embutido pode ser adicionado. Vamos ir para os exemplos:

Exemplo 1: Exiba uma mensagem com o arquivo html

Um exemplo é adaptado para exibir uma mensagem dentro Tags no documento HTML.

Código

Exemplo de usar o código JavaScript no arquivo html

Neste exemplo, o documento.escrever() O método é utilizado para apresentar a mensagem “Bem -vindo ao JavaScript”.

Saída

O resultado do código exibe a mensagem “Bem -vindo ao JavaScript World”Na janela do navegador.

Exemplo 2: Usando uma caixa de alerta para apresentar uma mensagem

Um exemplo é explicado aqui no qual um método é usado para exibir uma mensagem em uma caixa de alerta.

Código

Outro exemplo de uso do código JavaScript no arquivo html

Por favor, pressione -o para aparecer uma janela

A descrição do código está listada abaixo:

• O código começa com a etiqueta seguida por alguns elementos HTML.
• Depois disso, um disp () o método é definido para exibir uma caixa de alerta dentro do marcação.
• Na caixa de alerta, uma mensagem “Bem -vindo ao mundo JavaScript” é exibido.

Saída

O resultado retorna um link declarado como “Por favor, pressione para aparecer uma janela” no navegador.

Depois de pressionar o link, é gerado um novo pop-up que exibe a mensagem “Bem -vindo ao JavaScript”.

Aqui você vai! Você aprendeu o conceito de javascript embutido e sua aplicação também.

Conclusão

JavaScript embutido é adicionado em um documento HTML com a ajuda de tag. JavaScript embutido reduz os pedidos criados pela página da web. Este artigo fornece um detalhe sobre o funcionamento de JavaScript em linha com HTML. O JavaScript embutido é fácil de integrar com menores problemas de complexidade. No entanto, no caso de JavaScript grande/complexo, é recomendável considerar JavaScript externo como o JavaScript embutido afetará a legibilidade/reutilização do código geral.