Skip to main content

Como incluir HTML em muitos documentos usando JavaScript

Curso de HTML5 - 36 - Formulários com JavaScript - by Gustavo Guanabara (Junho 2026)

Curso de HTML5 - 36 - Formulários com JavaScript - by Gustavo Guanabara (Junho 2026)
Anonim

Se você quiser que o mesmo conteúdo seja copiado em várias páginas do seu site, com HTML você precisará copiar e colar manualmente esse conteúdo. Mas com JavaScript, você pode incluir trechos de código sem nenhum script de servidor.

Usando o Javascript para incorporar o HTML

  1. Escreva o HTML que você deseja repetir e salve-o em um arquivo separado.

    É útil salvar seus arquivos de inclusão em um diretório separado, geralmente "includes". Salve suas informações de direitos autorais em um arquivo de inclusão como este:

    inclui / copyright.js

  2. Como HTML não é JavaScript, você precisa adicionar o código JS document.write para cada linha.

    document.write ("Copyright Jennifer Kyrnin 1992");

  3. Abra a página da Web em que você deseja que o arquivo de inclusão seja exibido.

  4. Encontre o local no HTML onde o arquivo de inclusão deve ser exibido e coloque o seguinte código lá:

  5. Altere o caminho e o nome do arquivo para refletir o local do arquivo de inclusão.

  6. Adicione o mesmo código a todas as páginas em que você deseja suas informações de direitos autorais.

  7. Quando as informações sobre direitos autorais mudarem, edite o arquivo copyright.js. Depois de fazer o upload, ele será alterado em todas as páginas do seu site.

Dicas e Conselhos

  • Não esqueça o document.write em todas as linhas do seu HTML no arquivo js. Caso contrário, não funcionará.
  • Você pode incluir HTML ou texto em um arquivo de inclusão JavaScript. Tudo o que pode ir em um arquivo HTML padrão pode ir em um arquivo de inclusão JavaScript.
  • Você pode colocar JavaScript em qualquer lugar do seu documento HTML, incluindo o cabeçalho.
  • O documento da página da Web não mostrará o HTML incluído, apenas a chamada para o script JavaScript.