<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
How to remove hash from window.location
with JavaScript without page refresh?
</
title
>
</
head
>
<
body
style
=
"text-align: center;"
>
<
h1
style
=
"color: green"
>
GeeksforGeeks
</
h1
>
<
p
>
How to remove the hash from
window.location</
br
> with
JavaScript without page refresh?
</
p
>
<
p
>
Click on the button to modify
the current history state
</
p
>
<
button
onclick
=
"modifyState()"
>
Modify history state
</
button
>
<
button
onclick
=
"remove_hash_from_url()"
>
Remove hash from url
</
button
>
<
script
>
function modifyState() {
let stateObj = { id: "100" };
window.history.replaceState(stateObj,
"Page 3", "/answer#page3.html");
}
function remove_hash_from_url() {
var uri = window.location.toString();
if (uri.indexOf("#") > 0) {
var clean_uri = uri.substring(0,
uri.indexOf("#"));
window.history.replaceState({},
document.title, clean_uri);
}
}
</
script
>
</
body
>
</
html
>