HTML-ссылка с JS-обработчиком

← →
Piter © (2009-11-21 09:33) [0]

Имеем типичную конструкцию:

<a href=[НЕЧТО] onClick="[Вызов JS-функции]">...</a>

Что лучше писать вместо [НЕЧТО], чтобы при НЕ срабатывании события onClick ссылка все равно не сработала? Проблема усугубляется тем, что в заголовке документа указывается <base href=...>, соответственно даже если писать так:

<a href="#" onClick="... ; event.returnValue=false; return false;">ссылка</a>

То при не срабатывании события onClick - происходит переход по ссылке base href с меткой "#". А событие может с достаточной ненулевой вероятностью не сработать:

1) в onClick в частности прописал вызов внешней функции, которая подключается через JS-файл, но этот файл по каким-то причинам не загрузился (не успел загрузиться к моменту нажатия на кнопку)
2) в браузере отключено обработка JS

При этом НЕ писать "href" нежелательно, хочется чтобы по стилю ссылка выглядела как ссылка. Что оптимальнее писать вместо распространенного "#"?

← →
Омлет © (2009-11-21 09:46) [1]

1. Использовать <div> вместо <a>?

2. http://www.artlebedev.ru/tools/technogrette/html/links/

← →
palva © (2009-11-21 12:40) [2]

А если написать href="javascript:..." как это сделано в ссылке <Цитата> на данной странице?

← →
Человек (2009-11-25 03:19) [3]

> хочется чтобы по стилю ссылка выглядела как ссылка

style="cursor: pointer; text-decoration: underline; color: blue"

Варианты:

<a href="javascript:[Вызов JS-функции]">...</a>

<a href="javascript:void(0)" onClick="[Вызов JS-функции]">...</a>

HTML-ссылка с JS-обработчиком Найти похожие ветки