Para exibir o mesmo conteúdo em diferentes páginas do seu site, com HTML, você deve inserir manualmente esse conteúdo em cada página. Mas com JavaScript, você só precisa incluir trechos de código sem nenhum script de servidor. JavaScript facilita a atualização de grandes sites. Tudo que você precisa fazer é atualizar o script único em vez de todas as páginas do site. Um exemplo da utilidade do JavaScript sobre o HTML manual pode ser visto nas declarações de direitos autorais que aparecem em todas as páginas de um site.
Como usar JavaScript para inserir conteúdo em HTML
O processo é tão simples quanto definir um arquivo JavaScript e, em seguida, chamá-lo dentro do HTML por meio de uma tag de script.
-
Escreva o HTML que deseja repetir na forma de um arquivo JavaScript. Para uma simples inserção de copyright, crie um arquivo com uma única linha de JS, por exemplo: document.write (“Copyright Lifewire, todos os direitos reservados.”);
type = “code”> Use document.write em todos os lugares em que você deseja que o script insira texto no documento HTML.
-
Salve o arquivo JavaScript em um diretório separado em seu webroot; geralmente é o inclui diretório. inclui / copyright.js
type = “código”>
-
Abra um editor de HTML e abra uma página da web que exibirá a saída JavaScript. Encontre o local no HTML onde o arquivo de inclusão deve ser exibido e coloque o seguinte código lá:
type = “código”>
-
Adicione o mesmo código a todas as páginas relevantes.
-
Quando as informações de copyright forem alteradas, edite o arquivo copyright.js. Depois de fazer o upload, o texto mudará em todas as páginas do seu site automaticamente.
Dicas e conselhos
Não se esqueça do document.write instrução em cada linha de seu HTML no arquivo JavaScript. Caso contrário, este processo não funcionará. Incluir HTML ou texto em um arquivo de inclusão de JavaScript. Qualquer coisa que pode ir em um arquivo HTML padrão pode ir em um arquivo de inclusão de JavaScript. Da mesma forma, JavaScript inclui trabalho em qualquer lugar em seu documento HTML, incluindo o cabeçalho. O documento da página da Web não mostrará o HTML que está incluído, apenas a chamada para o script JavaScript.
