Wie Seite wechseln innerhalb JavaScript

Question

Ich habe den folgenden Code, der die Seiten von innen JavaScript ändert:

var newUrl = [some code to build up URL string]; 
window.location.replace(newUrl); 

Aber es ist nicht die Top-URL ändern, so dass, wenn jemand die Zurück-Schaltfläche klickt es doesn‘ t gehe zurück zur vorherigen Seite.

Wie kann ich JavaScript ändern Sie auch die Top-URL, so dass der Browser zurück-Taste funktioniert.

Answer 1

document.location.href = newUrl; 

https://developer.mozilla.org/en-US/docs/Web/API/document.location

Answer 2

Hmm, ich würde

Ich bin nicht ganz sicher verwenden, wenn das, was Sie meinen.

Answer 3

einfache Zuordnung zu window.location oder window.location.href sollte in Ordnung sein:

window.location = newUrl; 

jedoch Ihre neue URL wird der Browser die neue Seite zu laden, aber es klingt wie Sie die URL ändern möchten, ohne sich die aktuelle Seite Sie haben dafür zwei Möglichkeiten:

1. Verwenden Sie den URL-Hash. Zum Beispiel können Sie von example.com zu example.com#foo gehen, ohne eine neue Seite zu laden. Sie können einfach window.location.hash einstellen, um dies zu vereinfachen. Dann sollten Sie sich das HTML5-Ereignis hashchange anhören, das ausgelöst wird, wenn der Benutzer die Zurück-Schaltfläche drückt. Dies wird nicht in älteren Versionen von IE unterstützt, aber überprüfen Sie jQuery BBQ, die dies in allen Browsern funktioniert.

2. Sie können den HTML5-Verlauf verwenden, um den Pfad zu ändern, ohne die Seite neu zu laden. Dadurch können Sie von example.com/foo zu example.com/bar wechseln. Mit diesem ist einfach:

   window.history.pushState("example.com/foo");

   Wenn der Benutzer "zurück", können Sie die popstate Veranstaltung Fenster erhalten werden, die Sie leicht zu (jQuery) hören:

   $(window).bind("popstate", function(e) { alert("location changed"); });

   Leider wird dies nur in sehr modernen Browsern wie Chrome, Safari und Firefox 4 Beta unterstützt.

Answer 4

Wenn Sie gerade auch tun

es wurde nicht die Zeichenfolge ändern angewendet können Sie den relativen Pfad aktualisieren möchten,

window.location.pathname = '/relative-link'

"http://domain.com" -> "http://domain.com/relative-link"