Umleitung auf relative URL in JavaScript

Shiv Yadav 15 Februar 2024

JavaScript JavaScript Redirect

Umleitung auf relative URL in JavaScript

Auf Ihren Websites müssen Sie möglicherweise häufig Seiten umleiten. Obwohl empfohlen wird, Webseiten und URLs von der Serverseite umzuleiten, kann es Situationen geben, in denen Sie JavaScript verwenden müssen, um Seiten von der Clientseite umzuleiten.

In diesem Tutorial erfahren Sie, wie Sie mithilfe von JavaScript verschieben.

Umleitung auf relative URL in JavaScript

Obwohl die meisten JavaScript-Bibliotheken wie jQuery vorgefertigte Funktionen zum Umleiten von Webseiten haben, ist die Verwendung von einfachem JavaScript immer einfacher. Es gibt zwei JavaScript-Umleitungsmethoden.

Betrachten Sie das Szenario, in dem Sie zu www.newwebsite.com/new-location umleiten möchten. In dieser Situation können Sie einen der folgenden Befehle in den JS-Code Ihrer Webseite einfügen.

Syntax:

window.location.replace("/url or path"); //or

window.location.href = "/url or path";

Die Umleitung fügt zunächst keinen Datensatz zum Verlauf des Browsers hinzu. Ähnlich wie beim Klicken auf eine andere URL Ihrer Website wird jedoch im zweiten Fall eine Beschreibung hinzugefügt.

Beispiel:

<!DOCTYPE html>
<html>
  <head>
    <script>
      function nUrl() {
        window.location.href = "b.html";
      }
    </script>
  </head>

  <body>
    <input type="button" value="Redirect page" onclick="nUrl()" />
  </body>
</html>

Hinweis: Stellen Sie sicher, dass der angegebene relative Pfad absolut ist. Und Sie sollten eine andere Seite als b.html gespeichert haben.

Ausgabe:

Relative URL für die JavaScript-Umleitung

Wenn Sie auf die Schaltfläche Seite umleiten klicken, wird der Seitenlink wie folgt umgeleitet:

Umgeleitete JavaScript-Seite

Beachte das Folgende:

JavaScript kann nicht verwendet werden, um von einer HTTPS-Webseite auf eine HTTP-Website umzuleiten. Die Mehrheit der Browser lässt Sie das nicht zu.

Sie können mithilfe von JavaScript von HTTP zu HTTP, von HTTP zu HTTPS und von HTTPS nur zu HTTPS-Seiten umleiten. Sie müssen die serverseitige Umleitung von einer HTTPS- auf eine HTTP-Website verwenden.
Sie können absolute Pfade (wie /neuer-Standort) oder vollständige URLs (wie http://www.neuewebsite.com/neuer-Standort) verwenden. Der Browser leitet unter Verwendung des gleichen HTTP/HTTPS-Protokolls zur Website um, ohne es zu ändern, wenn Sie einen relativen Pfad für die Umleitung angeben.

Es wäre am besten, wenn Sie die vollständige URL angeben, um von einer HTTP- auf eine HTTPS-Seite umzuleiten.
Es funktioniert möglicherweise nicht, wenn Sie die Umleitung im Funktionshandler für die Schaltfläche Submit platzieren, da der Browser das Formular absendet, anstatt die Seite umzuleiten. Unter diesen Umständen können Sie AJAX verwenden, um das Formular zu senden und dann basierend auf der Antwort der Schaltfläche umzuleiten.

Autor: Shiv Yadav

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

Umleitung auf relative URL in JavaScript

Verwandter Artikel - JavaScript Redirect