So navigieren Sie zu einer anderen Seite in JavaScript
In diesem Tutorial wird die Methoden zum Navigieren auf der Seite zu einer anderen Seite mit JavaScript demonstriert.
So navigieren Sie zu einer anderen Seite in JavaScript?
Verwenden Sie zum Navigieren oder Umleitungen die folgenden JavaScript -Ansätze:
- Zuordnung () Methode
- ersetzen () Methode
- HREF -Attribut
Methode 1: Navigieren Sie zu einer anderen Seite mit dem Ort „Ort.zuweisen () ”Methode
Verwenden Sie die “zuordnen()Methode mit der “StandortObjekt zum Navigieren einer Seite zu einer anderen Seite. Es leitet den Browser auf die gleiche Weise wie ein Hyperlink um die bereitgestellte URL weiter.
Syntax
Die folgende Syntax wird für die Methode von Astromenten () verwendet, um die Seite auf eine andere Seite umzuleiten:
Standort.zuweisen ("URL")Es braucht eine "URLPfad als Argument, bei dem die Seite umleiten wird:
Beispiel
Erstellen Sie in einer HTML -Datei eine Schaltfläche, die auf der Schaltfläche Klicken Sie auf der offiziellen Website des LinuxHint umgeleitet werden:
Eine Funktion definieren “navigatePage ()”In einer JavaScript -Datei löst dies auf der Schaltfläche Klick aus. Diese Funktion nennt die “zuordnen()Methode durch Übergabe der URL als Argument für die Umleitung an den offiziellen LinuxHint.com Website:
Funktion navigatePage ()Standort.zuordnen ("https: // linuxhint.com ");
Wie Sie sehen, wurden wir erfolgreich zum LinuxHint navigiert.COM -Website auf der Schaltfläche Klicken Sie auf:
In der oberen linken Ecke können Sie das nach der Navigation zum LinuxHint sehen.Com -Website ist die Back -Pfeil -Schaltfläche aktiviert. Dies bedeutet, dass Sie zurückgehen oder zur vorherigen Seite navigieren können.
Methode 2: Navigieren Sie zu einer anderen Seite mit dem Ort „Speicherort.ersetzen () ”Methode
Um zu einer anderen Seite zu navigieren, verwenden Sie das integrierte JavaScript ““Standort.ersetzen()" Methode. Es wird verwendet, um das aktuelle Dokument/die aktuelle Seite durch eine neue Seite zu ersetzen. Diese Methode ähnelt dem Ort.ordnen (), aber der Unterschied besteht darin, dass sie die Seite ersetzt und nicht zurückkehren kann.
Syntax
Befolgen Sie die bereitgestellte Syntax für die Ersatz () -Methode:
Standort.ersetzen ("URL")Beispiel
Rufen Sie in der definierten Funktion die Methode Ersatz () mit der angegebenen URL auf:
Funktion navigatePage ()Standort.ersetzen ("https: // linuxhint.com ");
Die Ausgabe zeigt an, dass die Seite erfolgreich navigiert wurde. Sie können jedoch feststellen, dass sie nicht zur vorherigen Seite zurückkehren kann, da die Back -Button deaktiviert ist:
Methode 3: Navigieren Sie zu einer anderen Seite mit dem Ort „Ort.href ”Attribut
Sie können auch die „verwenden“hrefEigentum mit dem "Standort”Objekt zum Navigieren zu einer anderen Seite mit JavaScript. Zur Navigation weisen Sie ihm einen neuen Wert der URL zu. Das Attribut "href" gibt die aktuelle Seiten -URL an. Indem es ihm einen neuen Wert gibt, kann es verwendet werden, um zur anderen URL zu gehen.
Syntax
Die angegebene Syntax wird für das HREF -Attribut verwendet, um die Seite zu einer anderen Seite zu navigieren:
Standort.href = "url"Beispiel
Weisen Sie das HREF -Attribut in der definierten Funktion zum Umleiten in die LinuxHint dem HREF -Attribut zu.Com Offizielle Seite:
Funktion navigatePage ()Standort.href = "https: // linuxHint.com ";
Ausgang
Das dreht sich alles um das Navigieren oder Umleiten zu einer anderen Seite in JavaScript.
Abschluss
Um die Seite zu einer anderen Seite zu navigieren, verwenden Sie die “Standort.zuordnen()" Methode, "Standort.ersetzen()Methode oder die “Standort.href”Attribut. Die Methode „zuheimen ()“ und das Attribut „HREF“ ermöglichen die Rücknavigation, während die Methode „Ersatz ()“ nicht zulässt, um zur vorherigen Seite zurückzukehren. In diesem Tutorial wurde die Methoden zum Navigieren auf der Seite zu einer anderen Seite mit JavaScript gezeigt.