Реклама:
 

Как создать меню на JavaScript?

Автор: Нуньес Тельес Кирилл
Все о создании сайтов

В этой статье мне хотелось бы рассказать подробнее о том, как мне пришла в голову идея сделать меню одного из моих сайтов с помощью языка JavaScript.

Началось все с того, что этот сайт, на тот момент состоящий более чем из 50 статических html-страниц, приходилось постоянно подпитывать новой информацией, создавая каждый раз все новые и новые страницы. И представьте себе, что мне приходилось каждый раз редактировать навигационное меню этого сайта (меню ссылок), добавляя в него дополнительные ссылки на новые страницы. Поскольку навигация осуществлялась через прямые ссылки, то мне приходилось копировать в буфер и затем вставлять новое меню из буфера на каждую страницу сайта. Это долгое и скучное занятие.

Поэтому я стал искать другой более простой и гибкий способ редактирования ссылочного меню для своего сайта. Тогда я не имел навыков работы с CMS, позволяющими создавать динамические веб-страницы, да и менять URL-адрес каждой страницы не хотелось, так как они уже были проиндексированы поисковыми системами.
И придумал. Сделаю я, пожалуй, навигационное меню на языке JavaScript, причем сам исходный код JavaScript будет представлен в виде отдельного файла для того, чтоб лишь путем редактирования этого файла можно было изменить навигацию сразу на всех страницах сайта, куда будет вставлено меню посредством команды: <script language="JavaScript" src="javascript/menu.js" type="text/javascript"></script>.
Пример этого файла смотрите здесь (в появляющемся окне выберите "сохранить" и затем сохраненный файл открывайте с помощью html-редактора ).

Это очень удобная вещь.
При создании новой страницы, например page10.html, достаточно ввести лишь нужные изменения в файл java/menu.js, добавив строчку: document.write('<a href="http://www.site.ru/page10.html">Название 10</a>');, где Название 10-ссылка на новую страницу page10.html. И новое меню готово!

Недостатки меню на JavaScript

• лишена возможность индексации через это меню других страниц сайта поисковыми машинами. Потребуется создать карту сайта с прямой (индексируемой) ссылкой на нее с главной страницы сайта, а также частичная перелинковка страниц сайта
• некоторая дополнительная загруженность страницы из-за JavaScript
• еще один не столь принципиальный фактор: у пользователя с отключенным в настройках браузера исполнением команд на языке JavaScript меню показываться не будет!

Кстати, меню сайта, который Вы сейчас просматриваете в данный момент, также выполнено на языке языка Java Script.

Для желающих освоить программирование на языке Java и дистанционное обучение компьютерной графике и Web-дизайну, а также многое другое, можете перейти по этой кнопке: Дистанционное образование.

Реклама: