Remove hash from current page’s URL

Question

I want to remove the hash, as well as anything after it, from a URL. For example, I might have:

http://example.com/#question_1

… which slides to question no. 1 to show an error message. When the user’s input then passes validation, I need to remove #question_1 from the current location.

I’ve tried all of these, but none of them has worked for me:

document.location.href.replace(location.hash, "");
window.location.hash.split('#')[0];
window.location.hash.substr(0, window.location.hash.indexOf('#'));

Note: I don’t just want to get the URL – I want to remove it from my address bar.

What is `http://example.com#question_1`? currently loaded url? — MysticMagicϡ, Sep 26 '14 at 10:56
See also here: http://stackoverflow.com/questions/4508574/remove-hash-from-url — algorhythm, Sep 26 '14 at 10:58
possible duplicate of [How to remove the hash from window.location with JavaScript without page refresh?](http://stackoverflow.com/questions/1397329/how-to-remove-the-hash-from-window-location-with-javascript-without-page-refresh) — Cerbrus, Sep 26 '14 at 10:59

score 7 · Accepted Answer · answered Sep 26 '14 at 11:05

7

history.pushState("", document.title, window.location.href.replace(/\#(.+)/, '').replace(/http(s?)\:\/\/([^\/]+)/, '') )

answered Sep 26 '14 at 11:05

Hereblur

1,926
19
21

score 0 · Answer 2 · answered Sep 26 '14 at 10:57

0

Try this :use .split() to split string by # and then read first element in array using index 0

    var url = 'http://example.com#question_1';
    var urlWithoutHash = url.split('#')[0];
    alert(urlWithoutHash );

answered Sep 26 '14 at 10:57

Bhushan Kawadkar

27,908
5
34
57

Thanks for answer but i don't want to get URL, i just want to remove it from my URL bar – Harshal Mahajan Sep 26 '14 at 10:59

score 0 · Answer 3 · answered Sep 26 '14 at 10:57

0

Use split in javascript

    var str = "http://example.com#question_1";
    
    alert(str.split("#")[0]);

answered Sep 26 '14 at 10:57

Sudharsan S

15,058
3
28
49

Thanks for answer but i don't want to get URL, i just want to remove it from my URL ba – Harshal Mahajan Sep 26 '14 at 11:01

score 0 · Answer 4 · answered Sep 26 '14 at 10:58

0

Try this way:

var currentPath = window.location.pathname;
var myUrl = currentPath.split("#")[0];

OR

var currentPath = window.location.href;
var myUrl = currentPath.split("#")[0];

Hope it helps.

answered Sep 26 '14 at 10:58

MysticMagicϡ

28,305
16
71
119

score 0 · Answer 5 · answered Sep 26 '14 at 11:00

0

This will clear the id selector from the uri

location.hash = '';

answered Sep 26 '14 at 11:00

James Richford

134
2
7

You can't get rid of the hash without reloading the page I think this would be the closest to actually remove it from the address bar :) – James Richford Sep 26 '14 at 11:03

Kartikeya Khosla · Answer 6 · 2014-09-26T11:06:56.550

0

Use .split as shown :

var str = "http://example.com#question_1";

alert((str.split("#")[0]);

or use .substring() as shown :

var str = "http://example.com#question_1";

alert((str.substring(0,str.indexOf('#'))));

edited Sep 26 '14 at 11:06

answered Sep 26 '14 at 11:00

Kartikeya Khosla

18,495
8
42
66

Remove hash from current page’s URL

6 Answers6