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

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

这是我的解决方案（newUrl是您要用当前URL替换的新URL）：

history.pushState({}, null, newUrl);

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

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

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

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

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

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

注意：如果你使用的是HTML5浏览器，那么你应该忽略这个答案。从其他答案中可以看出，这现在是可能的。

在不重新加载页面的情况下，无法在浏览器中修改URL。URL表示最后加载的页面。如果您更改它（document.location），它将重新加载页面。

一个明显的原因是，你在www.mysite.com上写了一个看起来像银行登录页面的网站。然后你将浏览器的URL栏更改为www.mybank.com。用户将完全不知道他们真的在看www.mysite.com。