Unterschied zwischen Fenster.Standort.Href und Fenster.Standort.Ersetzen Sie in JavaScript | Erklärt

Beide Attribute gehören zum Fensterobjekt des Browsers. Um genau zu sein, gehören sie zu einem inneren Objekt, das als das bekannt ist Standort Objekt und seine einzige Aufgabe ist es, den aktuellen Standort des Dokuments zu kennen. Diese ändern Standort Die Werte von Objekten bedeuten normalerweise das Ändern des Dokuments. Da dieses Objekt die URL definiert, bedeutet jede Änderung der URL. Jetzt die href Eigentum und die ersetzen() Funktion machen genau den gleichen Job, aber auf andere Weise.

Lassen Sie uns die Verwirrung brechen. Beide Eigenschaften werden verwendet, um in ein neues Dokument oder eine neue Webseite zu gehen. Allerdings das “href ” Eigenschaft tut dies durch Hinzufügen eines neuen Eintrags innerhalb des Verlaufselements und dem “ersetzen" Eigentum tut von ersetzen Der oberste Eintrag in das Geschichtselement mit der neueren URL.

Das Fenster.Standort.HREF -Eigentum

Richten Sie zunächst eine neue Homepage mit der folgenden Zeile darin ein:

Dies ist die erste Seite

Gehen Sie zur zweiten Seite

In diesem obigen Code -Snippet wurde eine Schaltfläche erstellt, mit der mit der Funktion zur zweiten Seite wechselt wird buttonclicked () Innerhalb der Skriptdatei.

Ausführen dieses HTML -Dokuments gibt die folgende Seite im Browser:

Danach in der Skriptdatei oder in der Tag, verwenden Sie die folgenden Codezeilen:

Dieses Skript wird den Browser in die verlegen "zweite Seite.HTML ”. Zweitpage jedoch.HTML existiert noch nicht. Erstellen Sie also die Sekunden.HTML mit den folgenden Zeilen darin:

Dies ist die zweite Seite

Hinweis: Diese Sekundenseite.HTML muss im selben Verzeichnis wie das Haus erstellt werden.HTML oder die erste Seite.

Danach wird die Haupt -HTML -Datei ausgeführt und auf die Schaltfläche klicken. Erhält die folgenden Ergebnisse:

Aus der Ausgabe ist klar, dass das Drücken der Taste den Browser auf die zweite Seite umleitet, und das Drücken der Rücktaste im Fenster des Browsers führt den Browser zurück zur Startseite. Dies ist die Arbeit des Fensters.Standort.HREF -Eigentum.

Das Fenster.Standort.ersetzen()

Genießen Sie genau wie im Beispiel für HREF -Eigenschaften eine neue HTML -Datei mit dem Namen Home.HTML und fügen Sie die folgenden Zeilen darin hinzu:

Dies ist die erste Seite

Gehen Sie zur zweiten Seite mit Ersetzen

Fügen Sie danach in die folgenden Zeilen im Skript -Tag oder in der Skriptdatei hinzu:

Beachten Sie im Code -Snippet, dass der Ersatz im Gegensatz zur HREF -Eigenschaft tatsächlich eine Funktion ist, die den neuen Standort innerhalb seiner Argumente nimmt.

Erstellen Sie danach die Sekunden.HTML Fügen Sie die folgenden Zeilen darin hinzu:

Dies ist die zweite Seite

Aber der Browser kann nicht zurückkehren

Weil es die Ersatzeigenschaft verwendet hat

Danach dieses Haus leiten.HTML zeigt das folgende Verhalten des Browsers:

Aus dem GIF oben ist klar, dass die Ersatzfunktion den obersten Eintrag in der Geschichte des Browsers ersetzt.

Abschluss

Die HREF -Eigenschaft und die Funktion ersetzen () sind beide Teil des Fensterstandortobjekts. Das primäre Objekt beider ist es, den Browser auf eine neue Webseite zu verschieben, die von der URL definiert wird. Die HREF -Eigenschaft fügt ein Element in der Geschichte des Browsers hinzu. Während die Funktion Ersatz () den obersten Eintrag durch den neuen Standort ersetzt, so dass die Browser nicht zur vorherigen Seite zurückkehren können.