位置的任何更改（window.location或document.location）都将导致对新URL的请求，如果您不仅仅是更改URL片段。如果更改URL，则更改URL。

如果您不喜欢当前使用的URL，请使用服务器端URL重写技术，如Apache的mod_rewrite。

在HTML5之前，我们可以使用：

parent.location.hash = "hello";

and:

window.location.replace("http:www.example.com");

此方法将重新加载页面，但HTML5引入了不应重新加载页面的history.pushState（page，caption，replace_url）。

可以添加定位标记。我在我的网站上使用这个，这样我就可以通过Google Analytics跟踪人们在页面上访问的内容。

我只是添加了一个锚标记，然后添加了我要跟踪的页面部分：

var trackCode = "/#" + urlencode($("myDiv").text());
window.location.href = "http://www.piano-chords.net" + trackCode;
pageTracker._trackPageview(trackCode);

如果您想更改url但不想将条目添加到浏览器历史记录中，也可以使用HTML5 replaceState：

if (window.history.replaceState) {
   //prevents browser from storing history with each change:
   window.history.replaceState(statedata, title, url);
}

这将“破坏”后退按钮功能。在某些情况下，这可能是必需的，例如图像库（您希望后退按钮返回到库索引页，而不是返回到您查看的每个图像），同时为每个图像提供自己的唯一url。

下面是在不重新加载页面的情况下更改URL的功能。它仅支持HTML5。

  function ChangeUrl(page, url) {
        if (typeof (history.pushState) != "undefined") {
            var obj = {Page: page, Url: url};
            history.pushState(obj, obj.Page, obj.Url);
        } else {
            window.location.href = "homePage";
            // alert("Browser does not support HTML5.");
        }
    }

  ChangeUrl('Page1', 'homePage');

这就是无需重新加载即可导航的全部内容

//添加设置而不重新加载location.hash=“设置”；//如果url随哈希更改，请执行某些操作window.addEventListener（'hashchange'，（）=>{console.log（'rl哈希已更改！'）；});//如果url更改，请执行某些操作（不要使用哈希检测更改）//window.addEventListener（'locationchange'，function（）{//console.log（'rl已更改！'）；//})//删除#设置而不重新加载history.back（）；