Cum de a include HTML în mai multe documente folosind JavaScript

Dacă doriți ca același conținut să fie copiat pe mai multe pagini ale site-ului dvs., cu ajutorul codului HTML, va trebui să copiați și să lipiți manual conținutul respectiv. Dar cu JavaScript, puteți include fragmente de cod fără niciun script de server.

Dificultate: medie

Timp necesar: 15 minute

Iată cum

  1. Scrieți codul HTML pe care doriți să îl repetați și salvați-l într-un fișier separat.
    1. Îmi place să salvez fișierele mele includ într-un director separat, de obicei "include". Mi-aș salva informațiile privind drepturile de autor într-un fișier de genul: include / copyright.js
  2. Deoarece codul HTML nu este JavaScript, trebuie să adăugați codul JS document.write la fiecare rând. document.write ("Drepturi de autor Jennifer Kyrnin 1992");
  3. Deschideți pagina Web unde doriți să se afișeze fișierul inclus.
  4. Găsiți locația în HTML unde ar trebui să afișeze fișierul inclus și plasați codul de mai jos:
  5. Schimbați calea și numele fișierului pentru a reflecta locația fișierului dvs. inclus.
  6. Adăugați același cod la fiecare pagină pe care doriți să aveți informațiile despre drepturile de autor.
  7. Când informațiile privind drepturile de autor se modifică, editați fișierul copyright.js. Odată ce l-ați încărcat, se va schimba pe fiecare pagină a site-ului dvs.

sfaturi

  1. Nu uitați document.write pe fiecare linie a HTML-ului dvs. în fișierul js. În caz contrar, nu va funcționa.
  2. Puteți include HTML sau text într-un fișier JavaScript include. Orice poate merge într-un fișier HTML standard poate merge într-un fișier JavaScript include.
  3. Puteți pune JavaScript include oriunde în documentul dvs. HTML, inclusiv capul.
  4. Documentul paginii Web nu va afișa codul HTML inclus, ci doar apelul la scriptul JavaScript.