Wie man in JavaScript zu einer relativen URL umleitet?

Die Umleitung eines Benutzers auf verschiedene Webseiten, die auf seinen Aktionen basieren, ist wichtig, um in JavaScript zu lernen. Neue Anfänger verwechseln jedoch häufig die Umleitung zu a URL und Umleitung zu einer relativen URL. Der Umleitungsprozess ist jedoch überhaupt nicht anders, aber die Bedeutung der Begriffe ist sehr unterschiedlich.

Umleiten auf eine normale URL bedeutet, den Benutzer an eine URL zu senden, unabhängig davon, was diese URL ist oder wo er platziert ist. Die Regie auf eine relative URL bedeutet, den Benutzer auf eine Webseite umzuleiten, die im selben Verzeichnis wie die übergeordnete Seite oder die Homepage platziert ist. Relative URLs können auch verwendet werden, um zu Dateien, die in anderen Verzeichnissen platziert sind.

In diesem Artikel werden zwei verschiedene Methoden erläutert, um Benutzer in relative URLs umzuleiten, aber davor, richten Sie schnell zwei verschiedene Webseiten ein, indem Sie die folgenden Schritte verwenden:

Einrichten der beiden HTML -Dokumente

Erstellen Sie ein neues HTML -Dokument mit dem Namen heim und legen Sie die folgenden Zeilen hinein:

Dies ist die erste Seite!
Klick mich!

Dadurch wird die folgende Webseite auf dem Browser angezeigt:

Erstellen Sie danach ein weiteres HTML -Dokument in der Gleiches Verzeichnis (Dies ist wichtig, um es zu einer relativen URL zu machen) und sie als zu nennen zweite Seite.html. Geben Sie danach die folgenden Zeilen in die Sekundenschlange ein.HTML:

Dies ist die zweite Seite



Ich bin im selben Verzeichnis wie zu Hause.html

Ausführen der zweiten Seite.HTML im Webbrowser gibt das folgende Ergebnis an:

Das Einrichten der Webseiten ist erledigt. Wechseln wir zu den beiden verschiedenen Methoden zur relativen URL -Umleitung.

Methode 1: Verwenden des Fensterobjekts, um zu einer relativen URL umzuleiten

In der Skriptdatei, die dem Haus angehängt ist.HTML -Webseite erstellen Sie die folgende Funktion:

Funktion buttonclicked ()
// nächste Linien kommen in diesen Körper

Verwenden Sie in dieser Funktion die Fenster Objekt, auf seine Standorteigenschaft zuzugreifen, und von diesem Zugriff auf den HREF und gleich dem Pfad der Sekundenseite.html. Da es sich um eine relative URL handelt (beide Webseiten befinden sich im selben Verzeichnis), setzen Sie einfach den HREF auf den Namen der zweiten Webseite, die ist zweite Seite.html. Die Funktion sieht so aus:

Funktion buttonclicked ()
Fenster.Standort.href = "Secondpage.html ";

Laufen Sie das Haus.HTML in einem Webbrowser und beobachten Sie dann die folgende Funktionalität:

Aus der Ausgabe ist klar, dass das Drücken der Taste den Benutzer auf die Sekundenspitze umleitet.HTML mit seiner relativen URL

Methode 2: Verwenden des Dokumentobjekts, um zu einer relativen URL umzuleiten

Erstellen Sie erneut die in Methode 1 erstellte Funktion mit den folgenden Zeilen:

Funktion buttonclicked ()
// nächste Linien kommen in diesen Körper

In dieser Funktion anstelle des Fensterobjekts, diesmal mit dem Dokumentobjekt, um auf das Standortobjekt zuzugreifen. Und dann aus dem Standortobjekt auf die HREF -Eigenschaft zugreifen und sie gleich dem relativ.html. Seit der zweite Seite In demselben Verzeichnis ist der relative Pfad nur der Name der zweiten Webseite, die die „zweitfische Seite.HTML ”

Funktion buttonclicked ()
dokumentieren.Standort.href = "Secondpage.html ";

Laufen Sie das Haus.HTML in einem Webbrowser und beobachten Sie dann die folgende Funktionalität:

Es ist klar, dass der Benutzer mithilfe von JavaScript mit Hilfe von JavaScript zum zweiten zum Relativ der zweiten Seite umgeleitet wurde.

Einpacken

Der Benutzer kann mit Hilfe einer relativen URL auf eine andere Webseite umgeleitet werden dokumentieren.Standort.href Eigentum oder der Fenster.Standort.href Eigenschaft und Festlegen ihres Wertes gleich der relativen URL der zweiten Webseite. In diesem Artikel wurden beide Methoden mit Hilfe eines Schritt-für-Schritt-Beispiels demonstriert.