我有URL: http://example.com#something,我如何删除#一些,而不导致页面刷新?

我尝试了以下解决方案:

window.location.hash = '';

但是,这不会从URL中删除散列符号#。


当前回答

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

其他回答

$(window).on('hashchange', function (e) {
    history.replaceState('', document.title, e.oldURL);
});
<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>

把这个代码放在头部分

简单优雅:

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生活标准的一部分

您可以将哈希替换为null

var urlWithoutHash = document.location.href.replace(location.hash , "" );