我有URL: http://example.com#something，我如何删除#一些，而不导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是，这不会从URL中删除散列符号#。
当前回答
试试下面的方法:
window.history.back(1);
其他回答
(太多的答案是多余的和过时的。)现在最好的解决方案是:
history.replaceState(null, null, ' ');
简单优雅:
history.replaceState({}, document.title, "."); // replace / with . to keep url
下面这个怎么样?
window.location。散列= ' '
请注意，我设置哈希到一个单一的空间，而不是一个空字符串。
将散列设置为无效锚也不会导致刷新。例如,
window.location.hash='invalidtag'
但是，我发现上面的解决方案是误导性的。这似乎表明在给定位置上有一个具有给定名称的锚，尽管没有锚。同时，使用空字符串会导致页面移到顶部，这有时是不可接受的。使用空格还可以确保当URL被复制、收藏和再次访问时，页面通常会位于顶部，空格将被忽略。
这是我在StackOverflow上的第一个答案。希望有人觉得它有用，它符合社区标准。
下面是另一个使用href更改位置并在不滚动的情况下清除散列的解决方案。
这里解释了神奇的解决方案。规格。
const hash = window.location.hash;
history.scrollRestoration = 'manual';
window.location.href = hash;
history.pushState('', document.title, window.location.pathname);
注意:提议的API现在是WhatWG HTML生活标准的一部分
最初的问题:
window.location.href.substr(0, window.location.href.indexOf('#'))
or
window.location.href.split('#')[0]
两者都会返回URL后不带散列或任何内容。
关于你的编辑:
窗口的任何变化。位置将触发页面刷新。您可以在不触发刷新的情况下更改window.location.hash(尽管如果您的散列与页面上的id匹配，则窗口将跳转)，但您无法摆脱散列符号。你挑一个更糟的……
最新答案
关于如何做到这一点而不牺牲(要么完全重载或留下哈希号)的正确答案在这里。这里的答案是2009年的原始答案，而使用新的浏览器api的正确答案是在1.5年后给出的。
