我有URL: http://example.com#something,我如何删除#一些,而不导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是,这不会从URL中删除散列符号#。
我有URL: http://example.com#something,我如何删除#一些,而不导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是,这不会从URL中删除散列符号#。
当前回答
您可以将哈希替换为null
var urlWithoutHash = document.location.href.replace(location.hash , "" );
其他回答
最初的问题:
window.location.href.substr(0, window.location.href.indexOf('#'))
or
window.location.href.split('#')[0]
两者都会返回URL后不带散列或任何内容。
关于你的编辑:
窗口的任何变化。位置将触发页面刷新。您可以在不触发刷新的情况下更改window.location.hash(尽管如果您的散列与页面上的id匹配,则窗口将跳转),但您无法摆脱散列符号。你挑一个更糟的……
最新答案
关于如何做到这一点而不牺牲(要么完全重载或留下哈希号)的正确答案在这里。这里的答案是2009年的原始答案,而使用新的浏览器api的正确答案是在1.5年后给出的。
简单优雅:
history.replaceState({}, document.title, "."); // replace / with . to keep url
下面是另一个使用href更改位置并在不滚动的情况下清除散列的解决方案。
这里解释了神奇的解决方案。规格。
const hash = window.location.hash;
history.scrollRestoration = 'manual';
window.location.href = hash;
history.pushState('', document.title, window.location.pathname);
注意:提议的API现在是WhatWG HTML生活标准的一部分
根据上面给出的答案之一,用这个:
var scrollV, scrollH
var loc = window.location;
scrollV = document.body.scrollTop;
scrollH = document.body.scrollLeft;
if ("pushState" in history) {
history.pushState("", document.title, loc.pathname + loc.search);
// Restore the scroll offset
document.body.scrollTop = scrollV;
document.body.scrollLeft = scrollH;
} else {
loc.hash = "";
// Restore the scroll offset
document.body.scrollTop = scrollV;
document.body.scrollLeft = scrollH;
}
现在解决这个问题已经触手可及了。HTML5 History 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()。