Чем заменить SSI, или необычное использование JavaScript
Чем заменить SSI, или необычное использование JavaScript
Структура подавляющего количества интернет-страничек примерно одинакова: это заголовок странички, навигационное меню и, непосредственно, само содержимое. Нет проблем, когда на Вашем сайте несколько страниц. Если Вы захотели изменить дизайн, то на это уйдет немного времени. А если страниц не 8-10 а 100-200? Чтобы поменять дизайн нужен долгий однообразный кропотливый труд. А если в меню появился новый пункт? Опять же везде на каждой странице надо вводить изменения.
Помочь в этом может SSI - возможность собрать страничку из отдельных блоков. Т.е у Вас есть меню, которое одинаково на всех страницах. Вы его выносите в отдельный файл, а затем включаете его в нужное место на странице. Теперь, чтобы изменить меню на всех страницах, надо изменить его только в одном файле.
Это конечно удобно, но данная возможность имеется только при платном хостинге, или Вам придется вставлять баннеры хостера, что может быть нежелательно для Вас.
Справиться с этой проблемой может язык JavaScript, а именно атрибут SRC в теле тега <SCRIPT>.
Атрибут SRC задает URL файла, в котором находится код программы JavaScript, а в самом файле с расширением *.js мы запишем то, что должно выводиться на экран при помощи метода document.write
Например у нас есть меню состоящее из двух пунктов и страница, в которую надо вставить это меню:
Файл menu.js:
document.write("<B>Меню:</B>
<BR>"); document.write("<A href="page1.html">Ссылка1</A>
<BR>"); document.write("<A href="page2.html">Ссылка2</A>");
Файл page.html:
<html> <head> <title>Проверка</title> </head> <body> <h1>Моя страница</h1> <script src="menu.js"></script> . . . </body> </html>
Т.е. вместо
<script src="menu.js"></script>
браузер вставил:
<B>Меню:</B>
<BR> <A href="page1.html">Ссылка1</A>
<BR> <A href="page2.html">Ссылка2</A>
И если вместо меню на всех страницах вставить <script src="menu.js"></script>, то для изменения меню на всех страницах нужно изменить только файл menu.js
Но у этого метода есть небольшие недостатки:
Более 800 000 книг и аудиокниг! 📚
Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением
ПОЛУЧИТЬ ПОДАРОКЧитайте также
Профилирование JavaScript
Профилирование JavaScript JSLint ( http://www.jslint.com/ ) позволяет проанализировать код и убедиться в том, что он корректно отформатирован. Очень часто структурные ошибки или неверное форматирование кода пагубно сказываются на дальнейшем его уменьшении, ибо все минимизаторы обладают
Совместное использование HTML и JavaScript
Совместное использование HTML и JavaScript Прежде всего надо рассмотреть тег <SCRIPT>. Этот тег служит для вставки скриптов в HTML-код страницы. Его формат:<SCRIPT [language="{Язык программирования, на котором написан скрипт}"] [src="{Адрес файла со скриптом}"]>. . . Текст скрипта</SCRIPT>Текст
(7.23) Как заменить материнскую плату без переустановки системы?
(7.23) Как заменить материнскую плату без переустановки системы? Перед сменой платы в Device Manager в разделе IDE ATA/ATAPI Controllers поменяйте Bus Master IDE контролёр установленный там на Standart Dual Channel PCI IDE Controller. Если этого не сделать, то при загрузке на новой материнской плате система может не
6.11. Как заменить материнскую плату без переустановки системы?
6.11. Как заменить материнскую плату без переустановки системы? Меняя материнскую плат учтите, что благодаря механизму активации XP система жёстко привязывается к железу, и замена слишком большого количества оборудования (сейчас это больше трёх. В ближайшем будущем Microsoft
Чем можно заменить сетевой адрес при настройке соединения
Чем можно заменить сетевой адрес при настройке соединения Если вы работаете в локальной сети, то наверняка ваш сетевой администратор настроил все так, что вы видите имена компьютеров, а не их IP-адреса.Для этого в сети должна быть запущена служба, имеющая в своем
JavaScript
JavaScript http://home.netscape.com/eng/mozilla/3.0/handbook/javascript/index.htmlNetscapes JavaScript Guide – руководство от Netscape.http://developer.netscape.com/library/documentation/index.htmlДокументация по JavaScript
Заменить (Replace)
Заменить (Replace) template ‹class ForwardIterator, class T›void replace(ForwardIterator first, ForwardIterator last, const T& old_value, const T& new_value);template ‹class ForwardIterator, class Predicate, class T›void replace_if(ForwardIterator first, ForwardIterator last, Predicate pred, const T& new_value);replace заменяет элементы, указанные итератором i в диапазоне [first, last), значением new_value,
Sony предлагает заменить штатную автомагнитолу на док для смартфона Николай Маслухин
Sony предлагает заменить штатную автомагнитолу на док для смартфона Николай Маслухин Опубликовано 09 января 2014 Концепция «Мой телефон — центр моей цифровой вселенной» все активнее используется производителями. Достаточно вспомнить тот же Asus
McLaren собирается заменить обычные автомобильные дворники на ультразвуковые Николай Маслухин
McLaren собирается заменить обычные автомобильные дворники на ультразвуковые Николай Маслухин Опубликовано 19 декабря 2013 Механические «дворники», которые очищают ветровые стекла наших автомобилей еще с 1903 года, рискуют выйти из употребления. Одна
Четыре ноутбука, способных заменить десктоп Олег Нечай
Четыре ноутбука, способных заменить десктоп Олег Нечай Опубликовано 15 декабря 2010 года Как следует из названия категории, ноутбуки класса «замена настольного ПК» призваны полностью заменить настольный компьютер; поэтому они оснащаются большими
Как заменить текст?
Как заменить текст? Частая задача — найти в документе какое-либо слово, которое встречается несколько раз, и заменить его другим. Например, вы хотите заменить сокращение р. на сокращение руб.Для этого нажмите сочетание клавиш Ctrl+H или кнопку Замена на панели инструментов
Чем можно заменить Ubuntu с Unity Евгений Крестников
Чем можно заменить Ubuntu с Unity Евгений Крестников Опубликовано 02 декабря 2011 года В последней версии популярного дистрибутива появилась GNOME 3 и состоялся окончательный переход на Unity. Раньше у пользователей был выбор: в GNOME 2 они могли работать с
Как заменить изображение (логотип) в шаблоне?
Как заменить изображение (логотип) в шаблоне? Чтобы заменить логотип в уже существующем шаблоне, необходимо просмотреть его исходный код. Графика и изображения могут быть определены как в HTML так и в CSS структурах. Размер графических изображений, обычно, оптимизируется под
Новостное приложение Paper от Facebook сможет заменить стандартный клиент соцсети Михаил Карпов
Новостное приложение Paper от Facebook сможет заменить стандартный клиент соцсети Михаил Карпов Опубликовано 30 января 2014 Приложение Facebook для iPhone громоздкое, неповоротливое и, честно признаться, выглядит кошмарно. Сегодня соцсеть объявила о выпуске 3
Для чего Фейсбук скопировала Vine — и почему моментальное видео может заменить сетянам YouTube? Евгений Золотов
Для чего Фейсбук скопировала Vine — и почему моментальное видео может заменить сетянам YouTube? Евгений Золотов Опубликовано 24 июня 2013 Похоже, у Марка кончились идеи. Вот так, весьма прохладно, встретила западная пресса сюрприз, преподнесённый под