Меню на JavaScript
Все, изложенное выше, интересно и познавательно, но вряд ли имеет практическое значение при создани сайта. Полностью согласен. И поэтому хочу привести пример написания меню на JavaScript.
Функция document.write() позволяет подставлять данные, записанные в виде файлов, текст или фрагменты HTML кода. Такие данные удобно использовать, если на большом количестве страниц повторяется один и тот же фрагмент, в нащем случае - меню сайта.
Вот так это выглядит в общем случае:
<script>
document.write("<h2> Это результат функции document.write </h2>");
</script>
А так может выглядеть меню написанное на JavaScript:
<script>
document.write(" <a href=link1.html>Ссылка 1</a>");
document.write("<a href=link2.html>Ссылка 2</a>");
document.write("<a href=link3.html>Ссылка 3</a>");
</script>
- Каждая строчка должна начинаться с document.write(" и заканчиваться ");.
Cмотрим знакомимся с HTML-кодом.
Верхнее горизонтальное меню сделано стандартно:
<a href="#.html">HTML</a>|
<a href="#.html">CSS</a>|
<a href="#.html">Photoshop</a>|
<a href="#.html">Flash</a>|
<a href="#.html">JavaScript</a>
Боковое меню написано на JavaScript. В примере, скрип меню, находится в теле Web-страницы, поэтому пользы от него нет никакой. Мы работаем с контентом, новые страницы добавляются постоянно и приходится в ручную добавлять ссылки на них в каждую их уже имеющихся.
Вспоминаем таблицы связанных стилей CSS и подключаем внешние сценарии - размещаем текст скрипта во внешнем файле, указав на его месте только ссылку на файл и редактируем список меню раздела в одном файле:
<html>
<head>
</head>
<body>
<script src="menu.js"></script>
</body>
</html>
Текст скрипта размещен во внешнем файле. При загрузке страницы он докачивается браузером и исполняется так же, как если бы находился в документе. При просмотре текста Web-страницы через опцию "Просмотр HTML-кода", текст скрипта не отображается, что дает возможность скрыть его содержание.
Конечно же, нужно создать в Блокноте файл menu.js, и в нем написать сценарий:
document.write("<center>");
document.write(" <a href=link1.html>Ссылка 1</a>");
document.write("<a href=link2.html>Ссылка 2</a>");
document.write("<hr width=65%>");
document.write("<a href=link3.html>Ссылка 3</a>");
Элемент <script> </script>, обознающий начало и конец сценария, содержащего команды скрипта во внешнем файле, не пишится.
