JavaScript - Seitenumleitung

Was ist Seitenumleitung?

Möglicherweise ist eine Situation aufgetreten, in der Sie auf eine URL geklickt haben, um eine Seite X zu erreichen. Intern wurden Sie jedoch zu einer anderen Seite Y weitergeleitet. Dies liegt an page redirection. Dieses Konzept unterscheidet sich von der JavaScript-Seitenaktualisierung .

Es kann verschiedene Gründe geben, warum Sie einen Benutzer von der Originalseite umleiten möchten. Wir listen einige der Gründe auf -

  • Der Name Ihrer Domain hat Ihnen nicht gefallen und Sie wechseln zu einer neuen. In einem solchen Szenario möchten Sie möglicherweise alle Ihre Besucher auf die neue Site leiten. Hier können Sie Ihre alte Domain beibehalten, aber eine einzelne Seite mit einer Seitenumleitung einfügen, sodass alle Ihre alten Domainbesucher zu Ihrer neuen Domain gelangen können.

  • Sie haben verschiedene Seiten basierend auf Browserversionen oder deren Namen erstellt oder basieren möglicherweise auf verschiedenen Ländern. Anstatt Ihre serverseitige Seitenumleitung zu verwenden, können Sie die clientseitige Seitenumleitung verwenden, um Ihre Benutzer auf der entsprechenden Seite zu landen.

  • Die Suchmaschinen haben Ihre Seiten möglicherweise bereits indiziert. Wenn Sie jedoch zu einer anderen Domain wechseln, möchten Sie nicht, dass Ihre Besucher über Suchmaschinen verloren gehen. Sie können also die clientseitige Seitenumleitung verwenden. Beachten Sie jedoch, dass dies nicht getan werden sollte, um die Suchmaschine zu täuschen. Dies könnte dazu führen, dass Ihre Website gesperrt wird.

Wie funktioniert die Seitenumleitung?

Die Implementierungen der Seitenumleitung sind wie folgt.

Beispiel 1

Es ist ganz einfach, eine Seitenumleitung mit JavaScript auf der Clientseite durchzuführen. Um Ihre Website-Besucher auf eine neue Seite umzuleiten, müssen Sie lediglich eine Zeile in Ihrem Kopfbereich wie folgt hinzufügen.

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }
         //-->
      </script>
   </head>
   
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      
      <form>
         <input type = "button" value = "Redirect Me" onclick = "Redirect();" />
      </form>
      
   </body>
</html>

Ausgabe

Beispiel 2

Sie können Ihren Website-Besuchern eine entsprechende Nachricht anzeigen, bevor Sie sie auf eine neue Seite umleiten. Dies würde eine gewisse Zeitverzögerung erfordern, um eine neue Seite zu laden. Das folgende Beispiel zeigt, wie Sie dasselbe implementieren. HiersetTimeout() ist eine integrierte JavaScript-Funktion, mit der nach einem bestimmten Zeitintervall eine weitere Funktion ausgeführt werden kann.

<html>
   <head>
      <script type = "text/javascript">
         <!--
            function Redirect() {
               window.location = "https://www.tutorialspoint.com";
            }            
            document.write("You will be redirected to main page in 10 sec.");
            setTimeout('Redirect()', 10000);
         //-->
      </script>
   </head>
   
   <body>
   </body>
</html>

Ausgabe

You will be redirected to tutorialspoint.com main page in 10 seconds!

Beispiel 3

Das folgende Beispiel zeigt, wie Sie Ihre Website-Besucher basierend auf ihren Browsern auf eine andere Seite umleiten.

<html>
   <head>     
      <script type = "text/javascript">
         <!--
            var browsername = navigator.appName;
            if( browsername == "Netscape" ) {
               window.location = "http://www.location.com/ns.htm";
            } else if ( browsername =="Microsoft Internet Explorer") {
               window.location = "http://www.location.com/ie.htm";
            } else {
               window.location = "http://www.location.com/other.htm";
            }
         //-->
      </script>      
   </head>
   
   <body>
   </body>
</html>