Сделайте ссылку HTML, которая ничего не делает (буквально ничего)

Я хочу ссылку, которая ничего не делает. Я не хочу этого:

<a href="#">

потому что URL становится something.com/whatever/#.

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

Я мог бы использовать некоторый атрибут data и сказать мне CSS, чтобы элементы выглядели как ссылки, если у них есть этот атрибут, но кажется немного переборщиком.

Ответ 1

Следующее предотвратит запуск href

<a href="#" onclick="return false;">

Если вы используете jQuery, event.preventDefault() можно использовать

Ответ 2

Попробуйте следующее:

<a href="javascript:void(0);">link</a>

Ответ 3

Не делайте ссылку (хотя это предпочтительнее) и создавайте ее с помощью CSS, чтобы она выглядела как ссылка:

p.not-a-link { text-decoration: underline; cursor: pointer }

Или даже лучше просто сделайте ссылку и пусть функция javascript используется e.preventDefault() для предотвращения ссылки.

Также добавьте ссылку на href, чтобы пользователи, не поддерживающие JS, все равно могли использовать ее (в качестве резервной копии).

Ответ 4

<a href="javascript:;">Link text</a> - то, что я обычно использую

Ответ 5

В HTML5 это очень просто. Просто опустите атрибут href.

<a>Do Nothing</a>

Ответ 6

@Курт ответ будет работать, но вы можете использовать стиль курсора в css, чтобы сделать его похожим на ссылку без беспокойства о создании фиктивная связь. Используйте ручку или указатель в зависимости от соответствия браузера.

Указатель кросс-браузера css (из руководство по стилю курсора):

element {
    cursor: pointer;
    cursor: hand;
}

Ответ 7

НЕ ДОЛЖНО использовать <a>... вместо этого использовать <span class='style-like-link'> а затем используйте класс для его стилизации, но вы хотите.

Ответ 8

один из способов, о котором никто не упомянул, - указать href на пустое локальное расположение файла, например,

<a href='\\'>my dead link</a>

почему? Если вы используете фреймворк, такой как реакция или angular, компилятор выплюнет некоторые предупреждения, которые могут привести к загрязнению вашего журнала или консоли. Этот метод также предотвратит неправильное связывание роботов или пауков.