Как включить HTML во многие документы, используя JavaScript

Если вы хотите, чтобы один и тот же контент копировался на нескольких страницах вашего сайта, с HTML вам нужно будет вручную скопировать и вставить этот контент. Но с помощью JavaScript вы можете включать фрагменты кода без каких-либо серверных сценариев.

Использование Javascript для включения HTML

  1. Напишите HTML, который вы хотите повторить, и сохраните его в отдельный файл.

    Полезно сохранять файлы включения в отдельную директорию, обычно «включаемые». Сохраните информацию об авторских правах во включаемом файле следующим образом:

     включает/copyright.js 
  2. Поскольку HTML не является JavaScript, вам нужно добавить код JS document.write в каждую строку.

     document.write («Авторские права Дженнифер Кырнин 1992»); 
  3. Откройте веб-страницу, где вы хотите, чтобы отображаемый файл отображался.

  4. Найдите в HTML место, где должен отображаться включаемый файл, и поместите в него следующий код:

     
  5. Измените путь и имя файла, чтобы отразить местоположение вашего включаемого файла.

  6. Добавьте этот код на каждую страницу, на которой вы хотите получить информацию об авторских правах.

  7. Когда информация об авторских правах изменяется, отредактируйте файл copyright.js. Как только вы загрузите его, он будет меняться на каждой странице вашего сайта.

Советы и рекомендации

  • Не забывайте document.write в каждой строке вашего HTML в файле js. Иначе это не сработает.
  • Вы можете включить HTML или текст в JavaScript-файл включения. Все, что может помещаться в стандартный HTML-файл, может быть включено в JavaScript-файл включения.
  • Вы можете поместить JavaScript-код в любом месте вашего HTML-документа, включая заголовок.
  • Документ веб-страницы не будет отображать HTML, который включен, только вызов сценария JavaScript.
Оцените статью
Solutics.ru
Добавить комментарий