Лучший способ создать ссылку <a>с пустым href

Я хочу создать ссылку и принудительно привязать привязку ссылок с помощью javaScript, я попробовал следующее: -

<a id="ServerSort" href="#" style="text-decoration:underline">

он работал хорошо, но страница потеряет текущую позицию после нажатия на ссылку <a>.

Мне нужна ссылка, чтобы иметь href, потому что мне нужно, чтобы мышь меняла курсор при переходе через него?

может ли кто-нибудь посоветоваться?

Ответ 1

Вы можете использовать javascript:void(0)

<a id="ServerSort" href="javascript:void(0)">

вам не нужно style="text-decoration:underline", как прокомментировал King King

jQuery вы можете сделать это event.preventDefault()

Остановить действие события по умолчанию.

$('#ServerSort').click(function(event){
   event.preventDefault(); //or return false;
});

Ответ 2

Лучший способ сделать это - установить href на #0 следующим образом:

<a href="#0">blabla</a>

Ответ 3

 .clickable {
   cursor: pointer;
 }

 <a id="ServerSort" class="clickable">Foo</a>

Ответ 4

Существует несколько вариантов:

<a id="ServerSort" href="javascript:">

<a id="ServerSort" href="javascript://">

<a id="ServerSort" href="javascript:void(0)">

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

Желательно, чтобы я вообще не использовал, я переключаюсь на диапазон в примере ниже:

<span id="ServerSort" onclick="return false">Test Link</span>

и просто подстройте элемент следующим образом:

    <style type="text/css">
    #ServerSort {
        text-decoration:underline;
    }
        #ServerSort:hover {
            color:red;
            cursor:pointer;
        }
</style>

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

Ответ 5

Вы можете попробовать:

<a id="ServerSort" href="#" style="text-decoration:underline" onclick='return false'>

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