Если вы хотите, чтобы один и тот же контент копировался на нескольких страницах вашего сайта, с HTML вам нужно будет вручную скопировать и вставить этот контент. Но с помощью JavaScript вы можете включать фрагменты кода без каких-либо серверных сценариев.
Использование Javascript для включения HTML
-
Напишите HTML, который вы хотите повторить, и сохраните его в отдельный файл.
Полезно сохранять файлы включения в отдельную директорию, обычно «включаемые». Сохраните информацию об авторских правах во включаемом файле следующим образом:
включает/copyright.js
-
Поскольку HTML не является JavaScript, вам нужно добавить код JS document.write в каждую строку.
document.write («Авторские права Дженнифер Кырнин 1992»);
-
Откройте веб-страницу, где вы хотите, чтобы отображаемый файл отображался.
-
Найдите в HTML место, где должен отображаться включаемый файл, и поместите в него следующий код:
-
Измените путь и имя файла, чтобы отразить местоположение вашего включаемого файла.
-
Добавьте этот код на каждую страницу, на которой вы хотите получить информацию об авторских правах.
-
Когда информация об авторских правах изменяется, отредактируйте файл copyright.js. Как только вы загрузите его, он будет меняться на каждой странице вашего сайта.
Советы и рекомендации
- Не забывайте document.write в каждой строке вашего HTML в файле js. Иначе это не сработает.
- Вы можете включить HTML или текст в JavaScript-файл включения. Все, что может помещаться в стандартный HTML-файл, может быть включено в JavaScript-файл включения.
- Вы можете поместить JavaScript-код в любом месте вашего HTML-документа, включая заголовок.
- Документ веб-страницы не будет отображать HTML, который включен, только вызов сценария JavaScript.