How to add #hash clicking to an element

问题:

When I open my page at http://www.mywebsite.com/ where I have this jQuery code :

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

});

I'd like, clicking on the locSlideButton2 element, add an hash (such as #example) to the url, without make any redirect.

How can I do it?

回答1:

Using plain old vanilla JS:

window.location.hash='example';

MDN on window.location

回答2:

There's two ways, either you use javascript, where you have access to the window.location.hash, or you bind your click event to an <a href="#example">, and prevent default on click, or think it's cool when your page goes up to the top, and the hash should appear in the browser adress bar.

回答3:

simply wrap #locSlideButton2' with` like this

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

This will do