如何在不重新加载页面的情况下修改URL？

有没有一种方法可以在不重新加载页面的情况下修改当前页面的URL？

如果可能，我想访问#哈希之前的部分。

我只需要更改域之后的部分，所以我不会违反跨域策略。

 window.location.href = "www.mysite.com/page2.php";  // this reloads

当前回答

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

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

其他回答

您可以在应用程序的任何位置使用这个美丽而简单的功能。

function changeurl(url, title) {
    var new_url = '/' + url;
    window.history.pushState('data', title, new_url);
    
}

您不仅可以编辑URL，还可以同时更新标题。

parent.location.hash = "hello";

正如Vivart和geo1701所提到的，HTML5 replaceState就是答案。但是，并非所有浏览器/版本都支持此功能。History.js包装了HTML5状态特性，并为HTML4浏览器提供了额外的支持。

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

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

只需使用，它不会重新加载页面，只会重新加载URL：

$('#form_name').attr('action', '/shop/index.htm').submit();

推荐文章