这也将删除尾随散列。 例如:http://test.com/123#abc -> http://test.com/123

if(window.history.pushState) {
    window.history.pushState('', '/', window.location.pathname)
} else {
    window.location.hash = '';
}

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

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

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

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

<script type="text/javascript">
var uri = window.location.toString();
if (uri.indexOf("?") > 0) {
    var clean_uri = uri.substring(0, uri.indexOf("?"));
    window.history.replaceState({}, document.title, clean_uri);
}
</script>

把这个代码放在头部分

下面这个怎么样?

window.location。散列= ' '

请注意，我设置哈希到一个单一的空间，而不是一个空字符串。

将散列设置为无效锚也不会导致刷新。例如,

window.location.hash='invalidtag'

但是，我发现上面的解决方案是误导性的。这似乎表明在给定位置上有一个具有给定名称的锚，尽管没有锚。同时，使用空字符串会导致页面移到顶部，这有时是不可接受的。使用空格还可以确保当URL被复制、收藏和再次访问时，页面通常会位于顶部，空格将被忽略。

这是我在StackOverflow上的第一个答案。希望有人觉得它有用，它符合社区标准。

简单优雅:

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 = '';
}