How do I reload a page with an additional hash using javascript?

Question

I want to refresh the page with an additional hash in the url. The problem is that the hash is added but the page is not reloaded which I want in this case. I have tried the following:

window.location.href = "http://www.mydomain.com/page1#test";

The hash is added in the url but the page is not reloaded. How do I achieve this functionality?

Duplicate of http://stackoverflow.com/questions/10612438/javascript-reload-the-page-with-hash-value Please try to do little research effort before posting new question. — rAjA, Sep 03 '13 at 09:14
You can change hash without reloading. By just using `window.location.hash = ` http://jsfiddle.net/UM429/ — Muhammad Talha Akbar, Sep 03 '13 at 09:16

score 1 · Accepted Answer · answered Sep 03 '13 at 09:12

1

Try -

location.reload(true);

after you've changed the url -

window.location.href = "http://www.mydomain.com/page1#test";
location.reload(true);

Check out this example from MDN.

answered Sep 03 '13 at 09:12

MD Sayem Ahmed

28,628
27
111
178

score 0 · Answer 2 · answered Sep 03 '13 at 09:31

0

Depending on your requirement you can as well use onhashchange event

window.onhashchange = function(){
    if (location.hash === "#test") {
        test();
    }
}

Browser support

answered Sep 03 '13 at 09:31

sabithpocker

15,274
1
42
75

How do I reload a page with an additional hash using javascript?

2 Answers2