如何使用 JavaScript 通过警报显示更改的浏览器 URL 而无需重新加载？

要在不加载新页面的情况下更改浏览器中的 URL，我们可以使用 JavaScript 中的history.pushState() 方法和replaceState() 方法。要在更改 URL 之前显示浏览器 URL，我们将在 alert()函数中使用window.location.href ，并在更改浏览器 URL 后再次使用。

注意： history.pushState() 方法结合了 HTML 5 History 和 JavaScript pushState() 方法。

句法：

alert(" Message:" + window.location.hrf);

以下示例说明了上述方法：

示例 1：

  

    
        function geeks() {
            alert("The current URL of this"
            + " page is: " + window.location.href);
        }
  
        function change_url() {
            window.history.pushState("stateObj",
                 "new page", "changedURL.html");
              
            alert("The URL of this page is: "
                    + window.location.href);
        }
    

  

    
        Click to change url
    

  

输出：

示例 2：

  

    
        function geeks() {
            alert("The current URL of this "
            + "page is: " + window.location.href);
        }
  
        function change_url() {
            window.history.replaceState("stateObj",
                    "new page", "changedURL.html");
              
            alert("The URL of this page is: "
                    + window.location.href);
        }
    

  

    
        Click to change url
    

  

输出：