Как добавить #hash, нажав на элемент

Question

Когда я открываю свою страницу в http://www.mywebsite.com/, где у меня есть этот код jQuery:

$('#locSlideButton2').click(function() {

});

Я бы хотел, нажав на элемент locSlideButton2, добавить хеш (такой как#example) на URL, без перенаправления.

Как я могу это сделать?

Answer 1

Используя простой старый ванильный JS:

window.location.hash='example';

MDN в окне. Расположение

Answer 2

Есть два способа, либо вы используете javascript, где у вас есть доступ к window.location.hash, либо привязываете событие click к <a href="#example"> и запрещаете щелчок по умолчанию, либо думаете, что это здорово, когда ваша страница переходитвверх, и хеш должен появиться в адресной строке браузера.

Answer 3

Возрождая эту ветку, в настоящее время вы можете использовать history API, работает так же, как и выше, но также избегает автоматической прокрутки до идентификатора, что дает вам полный контроль над тем, что вы хотите сделать с этим хешем:

window.history.pushState({}, "Example Title", "#example");

MDN по истории API

Answer 4

просто обернуть #locSlideButton2' with `вот так

<a href="#yourhash"><button id="locSlideButton2">Click me.</button></a>

Это подойдет