如何在不重新加载页面的情况下修改URL？
发布于2021-01-31 17:07 阅读(984) 评论(0) 点赞(19) 收藏(4)
有没有办法可以在不重新加载页面的情况下修改当前页面的URL？
如果可能，我想访问＃哈希之前的部分。
我只需要更改域后的部分，所以就好像我没有违反跨域策略一样。
window.location.href = "www.mysite.com/page2.php"; // Sadly this reloads
解决方案
现在可以在Chrome，Safari，Firefox 4+和Internet Explorer 10pp4 +中完成此操作！
有关更多信息，请参见此问题的答案： 使用新URL更新地址栏而不散列或重新加载页面
例：
function processAjaxData(response, urlPath){
document.getElementById("content").innerHTML = response.html;
document.title = response.pageTitle;
window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);
}
然后，您可以window.onpopstate用来检测后退/前进按钮的导航：
window.onpopstate = function(e){
if(e.state){
document.getElementById("content").innerHTML = e.state.html;
document.title = e.state.pageTitle;
}
};
有关操纵浏览器历史记录的更深入的信息，请参阅此MDN文章。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/120/ccf0a5132d540ca60890/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力