我有这样的 URL:http://example.com#something
,如何删除#something
,而不会导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是,这不会#
从 URL 中删除哈希符号。
我有这样的 URL:http://example.com#something
,如何删除#something
,而不会导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是,这不会#
从 URL 中删除哈希符号。
如今,解决这个问题变得更加触手可及。在HTML5历史API可以让我们操纵地址栏当前域范围内显示任何URL。
function removeHash () {
history.pushState("", document.title, window.location.pathname
+ window.location.search);
}
工作演示:http : //jsfiddle.net/AndyE/ycmPt/show/
这适用于 Chrome 9、Firefox 4、Safari 5、Opera 11.50和IE 10。对于不受支持的浏览器,你总是可以编写一个优雅的降级脚本,在可用的地方使用它:
function removeHash () {
var scrollV, scrollH, loc = window.location;
if ("pushState" in history)
history.pushState("", document.title, loc.pathname + loc.search);
else {
// Prevent scrolling by storing the page's current scroll offset
scrollV = document.body.scrollTop;
scrollH = document.body.scrollLeft;
loc.hash = "";
// Restore the scroll offset, should be flicker free
document.body.scrollTop = scrollV;
document.body.scrollLeft = scrollH;
}
}
所以你可以去掉哈希符号,只是不是在所有浏览器中——还没有。
注意:如果要替换浏览器历史记录中的当前页面,请使用replaceState()
代替pushState()
。
初始问题:
window.location.href.substr(0, window.location.href.indexOf('#'))
或者
window.location.href.split('#')[0]
两者都将返回不带哈希值或后面任何内容的 URL。
关于您的编辑:
对 的任何更改都window.location
将触发页面刷新。您可以在window.location.hash
不触发刷新的情况下进行更改(尽管如果您的哈希与页面上的 id 匹配,窗口会跳转),但您无法摆脱哈希符号。选择哪个更糟糕......
最新答案
关于如何在不牺牲(完全重新加载或将井号留在那里)的情况下做到这一点的正确答案在这里。把这个答案留在这里,尽管它是 2009 年的原始答案,而利用新浏览器 API 的正确答案是 1.5 年后给出的。
(太多答案是多余和过时的。)现在最好的解决方案是:
history.replaceState(null, null, ' ');
简单而优雅:
history.replaceState({}, document.title, "."); // replace / with . to keep url
你可以这样做:
history.replaceState({}, document.title, window.location.href.split('#')[0]);