So leiten Sie eine URL mithilfe von JavaScript um

Das window.location-Objekt kann mithilfe von JavaScript-Vorgängen eine URL an einen neuen Speicherort umleiten, typischerweise mithilfe der Serverkonfiguration und http-Header-Attributen

Viele URLs auf einer Webseite sind an einen neuen Speicherort umgeleitet, normalerweise mithilfe der Serverkonfiguration und HTTP-Header-Eigenschaften. In vielen Fällen kann es jedoch erforderlich sein, JavaScript zu verwenden, um umzuleiten oder zu einer anderen URL zu navigieren

Grund für die Umleitung:

Im Allgemeinen möchten Sie dorthin umleiten Es gibt viele Gründe dafür, auf eine neue Seite oder URL weitergeleitet zu werden, z. B.:

Die Domänen- oder URL-Struktur wurde geändert

Der Benutzer hat ein Formular abgeschickt, möchte ihn aber zur nächsten Seite weiterleiten die Sequenz

Die Seite erfordert möglicherweise eine Autorisierung

Umleitung von HTTP zu HTTPS

Erforderlich, um eine neue Seite in einer Einzelseitenanwendung usw. auszulösen.

window.location ist Objektverwaltung Die vom Browser geladene Adresse. Durch das Bearbeiten von Standortobjekten verwalten Sie Seitenumleitungen mithilfe von JavaScript. Das Standortobjekt verfügt über Eigenschaften und Methoden, die JavaScript-Seitenumleitungen auslösen

Eigenschaften des Standortobjekts:

Hash: Wird für Einzelseitenanwendungen und Einzelseiten-Websites verwendet

Host: der Domänenname der URL

Hostname: ähnlich wie Host

href: die vollständige URL

Ursprung: das Protokoll und die Domäne der URL

Pfadname: URL-Slug oder Seite nach Original

Port: Wenn die URL Port enthält

Protokolle: http, https, ftp, ftps usw.

Jeweils Eine dieser Eigenschaften ist String und unterstützt alle Standard-String-Methoden

Die Standortobjektmethoden sind:

assign: Setzt das Standortobjekt auf eine neue URL

Neu laden: Erzwingen Sie das Neuladen der Seite mit derselben URL

Ersetzen: Umleitung auslösen

Suche: Abfragezeichenfolge zulassen

Weiterleitung an neue Adresse

Nach der Adressänderung sollte eine 301-Weiterleitung durchgeführt werden. Hier sendet der Server den HTTP-Statuscode 301 mit der neuen Adresse

Der 301-Statuscode teilt dem User Agent: dem Browser oder Suchmaschinen-Spider mit, dass es eine neue Adresse

301-Weiterleitung zulässt Sie sorgen dafür, dass der Datenverkehr weiter fließt, und möchten Ihre Suchmaschinen-Rankings verbessern.

Normalerweise würden Sie dies vom Server aus tun. Manchmal ist dies jedoch nicht möglich und Sie müssen JavaScript verwenden, um zur URL umzuleiten.

Implementierungscode:

window.location.assign("new target URL");
window.location.replace("new target URL");

Der beste Weg ist die Verwendung der Methode location.replace, die für jedes 301-Umleitungsschema funktioniert sind alle nützlich, auch wenn Sie von HTTP auf HTTPS umleiten müssen. Eine sauberere Möglichkeit, mithilfe von JavaScript von HTTP zu HTTPS umzuleiten, ist jedoch der folgende Codeausschnitt:

 if (location.protocol !== "https:"){
location.replace(window.location.href.replace("http:", 
"https:"));}

Eigenschaften und Methoden des window.location-Objekts können mithilfe von JavaScript manipuliert werden, um zu verschiedenen URLs umzuleiten. Unter diesen sind location.replace und location.assign sehr nützlich. Die Ersetzungsmethode hält den Sitzungsverlauf sauber, und die Zuweisungsmethode ermöglicht es dem Benutzer, den URL-Verlauf zurückzuverfolgen

Das obige ist der detaillierte Inhalt vonSo leiten Sie eine URL mithilfe von JavaScript um. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!