Чтобы отображать один и тот же контент на разных страницах вашего сайта, с HTML вы должны вручную вставить этот контент на каждую страницу. Но с JavaScript вам нужно только включать фрагменты кода без каких-либо серверных сценариев. JavaScript облегчает обновление больших сайтов. Все, что вам нужно сделать, это обновить один скрипт, а не каждую страницу сайта.
Пример использования JavaScript над ручным HTML можно увидеть в заявлениях об авторских правах, которые появляются на каждой странице веб-сайта.
Как использовать JavaScript для вставки содержимого в HTML
Этот процесс так же прост, как определение файла JavaScript, а затем вызов его в HTML через тег скрипта.
-
Напишите HTML-код, который вы хотите повторить, в виде файла JavaScript. Для простой вставки авторских прав создайте файл с одной строкой JS, например:
document.write («Авторские права, все права защищены.»);
Используйте document.write везде, где вы хотите, чтобы скрипт вставлял текст в HTML-документ.
-
Сохранить файл JavaScript в отдельный каталог под ваш вебсервер, это, как правило, включает в себя каталог.
включает / copyright.js
-
Откройте редактор HTML и откройте веб-страницу, которая будет отображать вывод JavaScript. Найдите в HTML место, где должен отображаться включаемый файл, и поместите в него следующий код:
<script type = "text / javascript" src = "includes / copyright.js"> </ script>
-
Добавьте этот же код на каждую соответствующую страницу.
-
Когда информация об авторских правах изменяется, редактируйте файл copyright.js. После того, как вы загрузите его, текст будет автоматически изменяться на каждой странице вашего сайта.
Советы и рекомендации
Не забудьте инструкцию document.write в каждой строке вашего HTML-файла в файле JavaScript. В противном случае этот процесс не будет работать.
Включить HTML или текст в файл JavaScript. Все, что может помещаться в стандартный HTML-файл, может быть включено в JavaScript-файл включения. Точно так же JavaScript включает работу в любом месте вашего HTML-документа, включая заголовок.
Документ веб-страницы не будет отображать HTML-код, который включен, только вызов сценария JavaScript.