Wie entferne ich den Hash aus window.location (URL) mit JavaScript ohne Seitenaktualisierung?

Ich habe eine URL wie: http://example.com#somethingWie kann ich entfernen #something, ohne dass die Seite aktualisiert wird?

Ich habe folgende Lösung versucht:

window.location.hash = '';

Dadurch wird das Hash-Symbol jedoch nicht #aus der URL entfernt.

Erste Frage:

window.location.href.substr(0, window.location.href.indexOf('#'))

oder

window.location.href.split('#')[0]

Beide geben die URL ohne den Hash oder irgendetwas danach zurück.

In Bezug auf Ihre Bearbeitung:

Jede Änderung an window.locationlöst eine Seitenaktualisierung aus. Sie können Änderungen window.location.hashvornehmen, ohne die Aktualisierung auszulösen (obwohl das Fenster springt, wenn Ihr Hash mit einer ID auf der Seite übereinstimmt), aber Sie können das Hash-Zeichen nicht entfernen. Treffen Sie Ihre Wahl, für die es schlimmer ist ...

AKTUELLE ANTWORT

Die richtige Antwort, wie man es ohne Opfer macht (entweder volles Nachladen oder das Hash-Zeichen dort lassen), ist hier unten . Diese Antwort hier zu belassen, obwohl sie 2009 die ursprüngliche war, während die richtige, die neue Browser-APIs nutzt, 1,5 Jahre später gegeben wurde.

Die Lösung dieses Problems ist heutzutage viel greifbarer. Mit der HTML5-Verlaufs-API können wir die Standortleiste so bearbeiten, dass jede URL in der aktuellen Domäne angezeigt wird.

function removeHash () { 
    history.pushState("", document.title, window.location.pathname
                                                       + window.location.search);
}

Arbeitsdemo: http://jsfiddle.net/AndyE/ycmPt/show/

Dies funktioniert in Chrome 9, Firefox 4, Safari 5, Opera 11.50 und in IE 10. Für nicht unterstützte Browser können Sie jederzeit ein ordnungsgemäß herabwürdigendes Skript schreiben, das es verwendet, sofern verfügbar:

function removeHash () { 
    var scrollV, scrollH, loc = window.location;
    if ("pushState" in history)
        history.pushState("", document.title, loc.pathname + loc.search);
    else {
        // Prevent scrolling by storing the page's current scroll offset
        scrollV = document.body.scrollTop;
        scrollH = document.body.scrollLeft;

        loc.hash = "";

        // Restore the scroll offset, should be flicker free
        document.body.scrollTop = scrollV;
        document.body.scrollLeft = scrollH;
    }
}

So können Sie das Hash-Symbol entfernen, nur noch nicht in allen Browsern.

_{Hinweis: Wenn Sie die aktuelle Seite im Browserverlauf ersetzen möchten, verwenden Sie replaceState()anstelle von pushState().}

(Zu viele Antworten sind redundant und veraltet.) Die beste Lösung ist jetzt:

history.replaceState(null, null, ' ');

Einfach und elegant:

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

Um den Hash zu entfernen, können Sie versuchen, diese Funktion zu verwenden

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);
    }
}

Dadurch wird auch der nachfolgende Hash entfernt. Beispiel: http://test.com/123#abc -> http://test.com/123

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

Wie wäre es mit folgendem?

window.location.hash=' '

Bitte beachten Sie, dass ich den Hash auf ein einzelnes Leerzeichen und nicht auf eine leere Zeichenfolge setze.

Das Setzen des Hashs auf einen ungültigen Anker führt ebenfalls nicht zu einer Aktualisierung. Sowie,

window.location.hash='invalidtag'

Aber ich finde die obige Lösung irreführend. Dies scheint darauf hinzudeuten, dass sich an der angegebenen Position ein Anker mit dem angegebenen Namen befindet, obwohl es keinen gibt. Gleichzeitig führt die Verwendung einer leeren Zeichenfolge dazu, dass die Seite nach oben verschoben wird, was manchmal nicht akzeptabel sein kann. Durch die Verwendung eines Leerzeichens wird außerdem sichergestellt, dass sich die Seite bei jedem Kopieren, Lesezeichen und erneuten Besuch der URL normalerweise oben befindet und das Leerzeichen ignoriert wird.

Und hey, das ist meine erste Antwort auf StackOverflow. Hoffe, jemand findet es nützlich und es entspricht den Community-Standards.

Sie können es wie folgt tun:

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

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

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

Setzen Sie diesen Code auf den Kopfabschnitt

function removeLocationHash(){
    var noHashURL = window.location.href.replace(/#.*$/, '');
    window.history.replaceState('', document.title, noHashURL) 
}

window.addEventListener("load", function(){
    removeLocationHash();
});

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 = '';
}

Versuche Folgendes:

window.history.back(1);

Hier ist eine andere Lösung, um den Speicherort mit href zu ändern und den Hash zu löschen, ohne zu scrollen.

Die magische Lösung wird hier erklärt . Technische Daten hier .

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

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

Sie können Hash durch null ersetzen

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