Skip to main content

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

Основы javascript 17 — Создание элементов динамически. (Июнь 2026)

Основы javascript 17 — Создание элементов динамически. (Июнь 2026)
Anonim

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

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

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

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

    включает / copyright.js

  2. Поскольку HTML не является JavaScript, вам нужно добавить JS-код document.write к каждой строке.

    document.write («Авторское право Jennifer Kyrnin 1992»);

  3. Откройте веб-страницу, на которой должен отображаться файл include.

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

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

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

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

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

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