Como incluír HTML en moitos documentos usando JavaScript

Se desexa que o mesmo contido copie varias páxinas do seu sitio, con HTML deberá copiar e pegar manualmente ese contido. Pero con JavaScript, pode incluír fragmentos de código sen scripts de servidor.

Dificultade: media

Tempo necesario: 15 minutos

Here's How

  1. Escriba o HTML que desexa repetir e gardalo nun ficheiro separado.
    1. Gustaríame gardar os meus ficheiros de inclusión nun directorio separado, xeralmente "inclúe". Gustaríame gardar a miña información sobre dereitos de autor nun ficheiro como este: includes / copyright.js
  2. Xa que HTML non é JavaScript, cómpre engadir o código JS document.write a cada liña. document.write ("Copyright Jennifer Kyrnin 1992");
  3. Abra a páxina web onde desexa que se amose o ficheiro de inclusión.
  4. Atopar a localización no HTML onde debe incluír o ficheiro de inclusión e colocar o seguinte código alí:
  5. Cambia a ruta e o nome do ficheiro para reflectir a túa localización de arquivo de inclusión.
  6. Engada ese mesmo código a cada páxina que queira a súa información de copyright.
  7. Cando a información de copyright cambie, edite o ficheiro copyright.js. Unha vez que a cargaches, cambiará en todas as páxinas do teu sitio.

Consellos

  1. Non esqueza o document.write en cada liña do seu HTML no ficheiro js. En caso contrario, non funcionará.
  2. Pode incluír HTML ou texto nun ficheiro de inclusión de JavaScript. Calquera cousa que pode ir nun ficheiro HTML estándar pode ir nun ficheiro de JavaScript.
  3. Podes poñer JavaScript incluído en calquera parte do teu documento HTML, incluída a cabeza.
  4. O documento da páxina web non mostrará o HTML que está incluído, só a chamada ao script de JavaScript.