Wie entfernt man den Hash aus window.location (URL) mit JavaScript ohne Seitenaktualisierung?

Question

Ich habe URL wie: http://example.com#something wie kann ich die #something ohne die Seite zu aktualisieren?

Ich habe die folgende Lösung versucht:

window.location.hash = '';

Das Rautensymbol wird dabei jedoch nicht entfernt # aus der URL.

Answer 1

<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>

diesen Code in den Kopfbereich einfügen

Answer 2

Ich denke, es wäre sicherer

if (window.history) {
    window.history.pushState('', document.title, window.location.href.replace(window.location.hash, ''));
} else {
    window.location.hash = '';
}

Answer 3

Hier ist eine andere Lösung, um die Position mit href zu ändern und die Raute ohne Scrollen zu löschen.

Die magische Lösung wird erklärt aquí . Spezifikationen aquí .

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

HINWEIS: Die vorgeschlagene API ist jetzt Teil des WhatWG HTML Living Standard

Answer 4

Versuchen Sie das Folgende:

window.history.back(1);

Answer 5

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