Пропуск места смены при нажатии на ссылку

Question

Я просто ранил то, что является предпочтительным способом пропускать поведение, которое браузер меняет местоположение при нажатии на элемент ссылки (A) со встроенным кодом.

<a href="javascript:void(0)">void(0)</a> // I have always used this one 

Или

<a href="javascript:;">:;</a> // This one is simple and now a days my favourite 

Или

<a href="#">#</a> // Scroll to the top 

Или как вы это делаете, и почему? Что лучше всего?

Answer 1

Я предпочитаю использовать onclick вместо тега href javascript. Но если вам нужно, верните false. Это остановит браузер от действия по умолчанию (изменение URL-адреса). Там также нет ни одной стороны, с которой я знаю, с двумя в первую очередь. Избегайте третьего, это может привести к прокрутке страницы на очень длинных страницах и загрязнению истории навигатора.

<a href="javascript:dostuff(); return false;">Do nothing</a> 

Answer 2

Это зависит от того, почему вы хотите пропустить поведение по умолчанию. С помощью методов, которые вы показываете выше, ссылки не очень полезны, потому что их атрибуты href не содержат никакой информации. Они просто заполнители ... вы могли бы просто ссылаться на несуществующий ID, <a href="#phlogiston">dummy link</a>, и он ничего не будет делать при нажатии.

Если вы хотите, чтобы у ссылки был нормальный атрибут href, но чтобы сделать что-то еще при щелчке, вы не сделали бы это inline. Вместо этого вы вызываете метод event.preventDefault() всякий раз, когда ссылка запускает событие клика, используя скрипт, загружаемый страницей. Также см. Этот ответ: event.preventDefault() vs. return false

Answer 3

Лично я предпочитаю «вводить» действия в ссылки вместо смешивания js и html. Вам не нужно сканировать HTML для поведения javascript таким образом.

Быстрый пример использования JQuery: http://jsfiddle.net/5nbXT/