Com incloure HTML en molts documents mitjançant JavaScript

Si voleu que el mateix contingut copiat a diverses pàgines del vostre lloc, amb HTML, haureu de copiar i enganxar manualment aquest contingut. Però amb JavaScript, podeu incloure fragments de codi sense cap scripts de servidor.

Dificultat: mitjana

Temps necessari: 15 minuts

Here's How

1. Escriviu el codi HTML que voleu repetir i deseu-lo en un altre fitxer.
   1. M'agrada guardar els meus fitxers d'inclusió en un directori independent, generalment "inclou". Em guardaria la informació sobre els drets d'autor en un fitxer d'inclusió com aquest: includes / copyright.js
2. Atès que HTML no és JavaScript, heu d'afegir el codi JS document.write a cada línia. document.write ("Copyright Jennifer Kyrnin 1992");
3. Obriu la pàgina web on voleu que es mostri el fitxer d'inclusió.
4. Cerqueu la ubicació en el codi HTML on voleu que aparegui el fitxer d'inclusió i col·loqueu el codi següent:
5. Canvieu la ruta i el nom del fitxer per reflectir la vostra ubicació d'arxiu d'inclusió.
6. Afegiu el mateix codi a totes les pàgines on vulgueu la informació sobre drets d'autor.
7. Quan la informació sobre drets d'autor canvia, editeu el fitxer copyright.js. Una vegada que l'heu carregat, canviarà a totes les pàgines del vostre lloc.

Consells

1. No us oblideu del document.write a totes les línies del vostre HTML al fitxer js. En cas contrari, no funcionarà.
2. Podeu incloure HTML o text en un fitxer inclòs en JavaScript. Qualsevol cosa que pugui anar en un fitxer HTML estàndard pot anar en un fitxer inclòs en JavaScript.
3. Podeu posar JavaScript inclòs en qualsevol part del vostre document HTML, inclòs el capçal.
4. El document de la pàgina web no mostrarà el codi HTML inclòs, només la crida al script JavaScript.