我有URL: http://example.com#something，我如何删除#一些，而不导致页面刷新?
我尝试了以下解决方案:
window.location.hash = '';
但是，这不会从URL中删除散列符号#。
当前回答
要删除散列，可以尝试使用此函数
function remove_hash_from_url()
{
var uri = window.location.toString();
if (uri.indexOf("#") > 0) {
var clean_uri = uri.substring(0, uri.indexOf("#"));
window.history.replaceState({}, document.title, clean_uri);
}
}
其他回答
function removeLocationHash(){
var noHashURL = window.location.href.replace(/#.*$/, '');
window.history.replaceState('', document.title, noHashURL)
}
window.addEventListener("load", function(){
removeLocationHash();
});
您可以将哈希替换为null
var urlWithoutHash = document.location.href.replace(location.hash , "" );
(太多的答案是多余的和过时的。)现在最好的解决方案是:
history.replaceState(null, null, ' ');
这也将删除尾随散列。 例如:http://test.com/123#abc -> http://test.com/123
if(window.history.pushState) {
window.history.pushState('', '/', window.location.pathname)
} else {
window.location.hash = '';
}
根据上面给出的答案之一，用这个:
var scrollV, scrollH
var loc = window.location;
scrollV = document.body.scrollTop;
scrollH = document.body.scrollLeft;
if ("pushState" in history) {
history.pushState("", document.title, loc.pathname + loc.search);
// Restore the scroll offset
document.body.scrollTop = scrollV;
document.body.scrollLeft = scrollH;
} else {
loc.hash = "";
// Restore the scroll offset
document.body.scrollTop = scrollV;
document.body.scrollLeft = scrollH;
}
