Skip to content
Related Articles
Open in App
Not now

Related Articles

How to remove hash from window.location with JavaScript without page refresh ?

Improve Article
Save Article
  • Last Updated : 26 Jul, 2021
Improve Article
Save Article

The replaceState() method is used to modify the current history entry, replacing it with the state objects, title, and URL passed in the method parameters. This method is useful when you want to update the state object or URL of the current history entry in response to some user action. To remove the hash URL, you can use the replaceState method on the history API to remove the hash location.


<!DOCTYPE html>
        How to remove hash from window.location
        with JavaScript without page refresh?
<body style="text-align: center;">
    <h1 style="color: green">
        How to remove the hash from
        window.location</br> with
        JavaScript without page refresh?
        Click on the button to modify
        the current history state
    <button onclick="modifyState()">
        Modify history state
    <button onclick="remove_hash_from_url()">
        Remove hash from url
        function modifyState() {
            let stateObj = { id: "100" };
                "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,
                        document.title, clean_uri);



My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!