我有URL: http://example.com#something,我如何删除#一些,而不导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是,这不会从URL中删除散列符号#。
我有URL: http://example.com#something,我如何删除#一些,而不导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是,这不会从URL中删除散列符号#。
当前回答
最初的问题:
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(null, null, ' ');
要删除散列,可以尝试使用此函数
function remove_hash_from_url()
{
var uri = window.location.toString();
if (uri.indexOf("#") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("#"));
window.history.replaceState({}, document.title, clean_uri);
}
}
这也将删除尾随散列。 例如:http://test.com/123#abc -> http://test.com/123
if(window.history.pushState) {
window.history.pushState('', '/', window.location.pathname)
} else {
window.location.hash = '';
}
function removeLocationHash(){
var noHashURL = window.location.href.replace(/#.*$/, '');
window.history.replaceState('', document.title, noHashURL)
}
window.addEventListener("load", function(){
removeLocationHash();
});
最初的问题:
window.location.href.substr(0, window.location.href.indexOf('#'))
or
window.location.href.split('#')[0]
两者都会返回URL后不带散列或任何内容。
关于你的编辑:
窗口的任何变化。位置将触发页面刷新。您可以在不触发刷新的情况下更改window.location.hash(尽管如果您的散列与页面上的id匹配,则窗口将跳转),但您无法摆脱散列符号。你挑一个更糟的……
最新答案
关于如何做到这一点而不牺牲(要么完全重载或留下哈希号)的正确答案在这里。这里的答案是2009年的原始答案,而使用新的浏览器api的正确答案是在1.5年后给出的。