Como Incorporar Script Em Html

Índice:

Como Incorporar Script Em Html
Como Incorporar Script Em Html

Vídeo: Como Incorporar Script Em Html

Vídeo: Como Incorporar Script Em Html
Vídeo: Aula 04 - Como integrar JavaScript com HTML 2024, Novembro
Anonim

HTML é uma linguagem de marcação para páginas da web responsável por exibir elementos gráficos e textuais. Também pode ser usado para aplicar scripts escritos em várias linguagens de programação. Um elemento especial é usado para inserir um script em HTML.

Como incorporar script em html
Como incorporar script em html

Instruções

Passo 1

O código pode ser inserido na página tanto no corpo do documento quanto na seção. Você pode usar um número ilimitado de elementos para adicionar conteúdo ativo. O principal é que os scripts adicionados não interferem na exibição do conteúdo principal. Para editar o código HTML, abra sua página em qualquer editor de texto. Os webmasters costumam usar programas que destacam os descritores em sua funcionalidade: Notepad ++, Web Development Studio, HTML Reader. O arquivo necessário também pode ser aberto usando o aplicativo Bloco de notas padrão do sistema operacional Windows.

Passo 2

Na janela do editor de texto, insira o código HTML. Por exemplo, para injetar JavaScript em uma página, use o seguinte comando:

Código para executar

O código especificado será executado no carregamento da página e será executado dentro do descritor. Nesse caso, o parâmetro type permite que o manipulador saiba que a linguagem de programação JavaScript será usada a seguir.

etapa 3

Para que o script processe um evento específico, por exemplo, quando um botão é pressionado, ele deve ser inserido dentro de uma função. Na seção, especifique o código do script:

Função displayDate ()

{document.getElementById (“executar”). innerHTML = Date (); }

Este código JavaScript é responsável por exibir a hora atual na página, mas para exibi-la no monitor, é necessário inserir um comando adicional para processar o texto gerado durante a operação.

Passo 4

No corpo do documento em HTML, crie um botão que será responsável por ativar o elemento:

Altura de começar

Este código cria um botão de manipulador JavaScript. Após clicar nele, o resultado do script será mostrado.

Etapa 5

Para incluir em HTML um programa de script externo localizado em um arquivo específico, você precisa executar o seguinte código:

Uma vez executado, o script especificado denominado file.js será incluído na página. É importante notar que o arquivo externo não deve conter nenhum elemento para uma adição bem-sucedida.

Recomendado: