Запуск скриптов при помощи ссылок

Дата: 30.09.2008
Рубрики: Web мастеру |

Скрипты и гиперссылки

В старые добрые времена простая гиперссылка выполняла строго определенную задачу: навигацию. Посетитель щелкнул на ссылке и перешел куда-то. Это было так просто. Даже сегодня навигация остается основным назначением гиперссылок. Однако в Интернете посетители желают делать больше, чем просто переходить от одной страницы к другой. Они хотят видеть функциональность. Они хотят скрипты и другие интерактивные штучки. Они хотят программные мини-решения.

Когда вы приметесь разрабатывать такие типы интерфейсов, то вскоре поймете, что что-то на странице должно запускать все эти заказные функции. Логическим выбором является что-либо, на чем можно щелкнуть. Вариантом являются кнопки HTML-формы. Также подходят и изображения, похожие на кнопки. Подходят также и гиперссылки. Когда вы бродите по Интернету, щелчок на том, что похоже на гиперссылку, может не иметь ничего общего с навигацией. Вместо этого может быть запущен скрипт.

Совет

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

Удобство использования

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

С другой стороны, текстовые гиперссылки являются более привлекательными и скромными, чем большинство графических кнопок, и они ни капли не похожи на грубые и отталкивающие кнопки HTML-формы. Если использовать гиперссылки, запускающие скрипты, в правильном контексте, они улучшат общий вид и впечатление от вашего интерфейса, который никогда не будет плохим. Одним из способов запуска скрипта является создание ссылки, ведущей в никуда, и присвоение результата событию ссылки onClick, наподобие следующего кода:

<а hrefj=”#” onClick=”doScript();”>Launch the’script</a>

Ну хорошо, с технической точки зрения эта ссылка ведет куда-то. Знак нумерации, формирующий значение атрибута href, ссылается на текущую страницу, поэтому щелчок на этой ссылке аналогичен щелчку на кнопке Refresh (Обновить) браузера.

Зачем нужна самоотносящаяся ссылка? Обычный HTML-текст не реагирует на событие onClick, а гиперссылка - реагирует. Посетителю необходимо предоставить что-нибудь, на чем можно щелкнуть поэтому указывается ссылка, однако мы не хотим, чтобы гиперссылка вела куда-либо. Ссылка, которая, по существу, обновляет страницу, выглядит, как безобидный компромисс. Такая стратегия работает достаточно хорошо, однако она может доставить неудобства, особенно если посетитель вынужден пролистывать страницу, чтобы найти ссылку.

Щелчок на самоотносящейся гиперссылке заставляет браузер перепрыгнуть обратно наверх страницы, так что посетители теряют текущее место в тексте. Лучшей альтернативой является указание скрипта в значении самого атрибута href, наподобие следующего кода:

<а h r e f = ” j a v a s c r i p t : d o S c r i p t ( ) ; ” > L a u n c h the script</a>

Выполнив это, вы избавитесь от самоотносящейся ссылки, поэтому браузер не будет перепрыгивать по странице, когда посетитель щелкнет на этой ссылке. Этот способ лучше для всех. Просто не забывайте указывать фразу j a v a s c r i p t : перед JavaScript-кодом в значении атрибута href. В противном случае браузер предположит, что значение атрибута href является путем к странице.