下面是另一个使用href更改位置并在不滚动的情况下清除散列的解决方案。

这里解释了神奇的解决方案。规格。

const hash = window.location.hash;
history.scrollRestoration = 'manual';
window.location.href = hash;    
history.pushState('', document.title, window.location.pathname);

注意:提议的API现在是WhatWG HTML生活标准的一部分

下面是另一个使用href更改位置并在不滚动的情况下清除散列的解决方案。

这里解释了神奇的解决方案。规格。

const hash = window.location.hash;
history.scrollRestoration = 'manual';
window.location.href = hash;    
history.pushState('', document.title, window.location.pathname);

注意:提议的API现在是WhatWG HTML生活标准的一部分

简单优雅:

history.replaceState({}, document.title, ".");  // replace / with . to keep url

我觉得这样更安全

if (window.history) {
    window.history.pushState('', document.title, window.location.href.replace(window.location.hash, ''));
} else {
    window.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年后给出的。

$(window).on('hashchange', function (e) {
    history.replaceState('', document.title, e.oldURL);
});