如何从窗口中删除散列。位置(URL)与JavaScript没有页面刷新?

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

我尝试了以下解决方案:

window.location.hash = '';

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

当前回答

您可以将哈希替换为null

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

其他回答

简单优雅:

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

const url = new URL(window.location);
url.hash = '';
history.replaceState(null, document.title, url);

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

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

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

你可以这样做:

history.replaceState({}, document.title, window.location.href.split('#')[0]);

推荐文章