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


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

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

Поэтому я стал искать другой более простой и гибкий способ редактирования ссылочного меню для своего сайта. Тогда я не имел навыков работы с CMS, позволяющими создавать динамические веб-страницы, да и менять URL-адрес каждой страницы не хотелось, так как они уже были проиндексированы поисковыми системами.
И придумал. Сделаю я, пожалуй, навигационное меню на языке javascript, причем сам исходный код javascript будет представлен в виде отдельного файла для того, чтоб лишь путем редактирования этого файла можно было изменить навигацию сразу на всех страницах сайта, куда будет вставлено меню посредством команды: .
Пример этого файла смотрите здесь (в появляющемся окне выберите "сохранить" и затем сохраненный файл открывайте с помощью html-редактора ).

Это очень удобная вещь.
При создании новой страницы, например page10.html, достаточно ввести лишь нужные изменения в файл java/menu.js, добавив строчку: , где Название 10-ссылка на новую страницу page10.html. И новое меню готово!


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

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

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


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

+ 0 -

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив

Нажимая на кнопку «Отправить комментарий», я даю согласие на обработку персональных данных.