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

Question

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

ich versuchte, die folgende Lösung:

window.location.hash = ''; 

Allerdings bedeutet dies das Hash-Symbol nicht entfernen # aus der URL.

Answer 1

Erste Frage:

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

oder

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

sowohl die URL ohne den Hash oder irgendetwas, nachdem es zurück.

Mit Bezug auf Ihre edit:

Jede Änderung window.location wird eine Aktualisierung der Seite auslösen. Sie können window.location.hash ändern, 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 loswerden. Treffen Sie Ihre Wahl, für die noch schlimmer ist ...

up-to-DATE ANTWORT

Die richtige Antwort, wie man es tun, ohne zu opfern (entweder volles Nachladen oder Verlassen der Hash-Zeichen gibt) ist down here . Wir haben diese Antwort hier in Bezug auf die ursprüngliche Version von 2009 gelassen, während die korrekte, die neue Browser-APIs nutzt, 1,5 Jahre später gegeben wurde.

Answer 2

Die Lösung dieses Problems ist heutzutage viel mehr in Reichweite. Die HTML5 History API ermöglicht es uns, die Adressleiste zu manipulieren, um eine beliebige URL innerhalb der aktuellen Domain anzuzeigen.

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

Arbeits Demo: 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ützten Browser, können Sie immer einen anmutig erniedrigenden Skript schreiben das macht Gebrauch davon, wo 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 aus dem Hash-Symbol loszuwerden, nur nicht in allen Browsern — y et.

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

Answer 3

Versuchen Sie Folgendes:

window.history.back(1); 

Answer 4

Sie Hash mit null

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

Answer 5

Schlicht und elegant ersetzen:

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

Answer 6

Wie wäre es die folgenden?

window.location.hash=' '

Bitte beachten Sie, dass der Hash auf einen einzigen Raum setze und nicht eine leere Zeichenfolge.

---

Das Setzen des Hashes auf einen ungültigen Anker verursacht auch keine Aktualisierung. Wie

window.location.hash='invalidtag'

Aber ich obige Lösung finden irreführend. Dies scheint darauf hinzuweisen, dass an der gegebenen Position ein Anker mit dem gegebenen Namen existiert, obwohl es keinen gibt. Gleichzeitig bewirkt die Verwendung einer leeren Zeichenfolge, dass die Seite nach oben verschoben wird, was manchmal inakzeptabel sein kann. Die Verwendung eines Leerzeichens stellt außerdem sicher, dass die Seite, wenn die URL kopiert und erneut markiert und erneut besucht wird, normalerweise oben ist und der Speicherplatz ignoriert wird.

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

Answer 7

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

put diesen Code auf Kopfteil

Answer 8

Dies wird die hintere Hash auch entfernen. zB: http://test.com/123#abc ->http://test.com/123

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

Answer 9

den Hash zu entfernen, können Sie versuchen, diese Funktion 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); 
    } 
} 

Answer 10

Hier eine andere Lösung ist die Lage mit href zu ändern und den Hash zu löschen, ohne zu Scrollen.

Die magische Lösung wird erklärt here. Spezifikationen here.

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 von WHATWG HTML Lebensstandard