如何添加#hash点击元素

Question

当我在http://www.mywebsite.com/打开我的页面时，我有这个jQuery代码:

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

我想，点击locSlideButton2元素，添加一个哈希(如#example)到url，没有做任何重定向。

我该怎么做?

Answer 1

使用普通的传统JS:

window.location.hash='example';

MDN on window.location

Answer 2

有两种方法，要么使用javascript，在那里你可以访问window.location。或者你将点击事件绑定到<a href="#example">，并防止默认点击，或者当你的页面上升到顶部时，认为这很酷，并且哈希应该出现在浏览器的地址栏。

Answer 3

恢复这个线程，现在你可以使用history API，工作原理与上面相同，但也避免自动滚动到id，让你完全控制你想做的哈希:

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

MDN on History API

Answer 4

像这样把#locSlideButton2' with '换行

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