JavaScript - Reindirizzamento della pagina

Cos'è il reindirizzamento della pagina?

Potresti aver riscontrato una situazione in cui hai fatto clic su un URL per raggiungere una pagina X ma internamente sei stato indirizzato a un'altra pagina Y. Succede a causa di page redirection. Questo concetto è diverso dall'aggiornamento della pagina JavaScript .

Potrebbero esserci diversi motivi per reindirizzare un utente dalla pagina originale. Stiamo elencando alcuni dei motivi:

  • Non ti è piaciuto il nome del tuo dominio e stai passando a uno nuovo. In un tale scenario, potresti voler indirizzare tutti i tuoi visitatori al nuovo sito. Qui puoi mantenere il tuo vecchio dominio ma inserire una singola pagina con un reindirizzamento della pagina in modo che tutti i visitatori del tuo vecchio dominio possano accedere al tuo nuovo dominio.

  • Hai creato varie pagine in base alle versioni del browser o ai loro nomi o potresti essere basato su paesi diversi, quindi invece di utilizzare il reindirizzamento della pagina lato server, puoi utilizzare il reindirizzamento della pagina lato client per indirizzare i tuoi utenti sulla pagina appropriata.

  • I motori di ricerca potrebbero aver già indicizzato le tue pagine. Ma mentre ti sposti in un altro dominio, non vorresti perdere i tuoi visitatori provenienti dai motori di ricerca. Quindi puoi usare il reindirizzamento della pagina lato client. Ma tieni presente che questo non dovrebbe essere fatto per ingannare il motore di ricerca, potrebbe portare il tuo sito a essere bannato.

Come funziona il reindirizzamento delle pagine?

Le implementazioni di Page-Redirection sono le seguenti.

Esempio 1

È abbastanza semplice eseguire un reindirizzamento di una pagina utilizzando JavaScript sul lato client. Per reindirizzare i visitatori del tuo sito a una nuova pagina, devi solo aggiungere una riga nella sezione principale come segue.

<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>

Produzione

Esempio 2

Puoi mostrare un messaggio appropriato ai visitatori del tuo sito prima di reindirizzarli a una nuova pagina. Ciò richiederebbe un po 'di tempo per caricare una nuova pagina. L'esempio seguente mostra come implementare lo stesso. QuisetTimeout() è una funzione JavaScript incorporata che può essere utilizzata per eseguire un'altra funzione dopo un determinato intervallo di tempo.

<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>

Produzione

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

Esempio 3

Il seguente esempio mostra come reindirizzare i visitatori del tuo sito su una pagina diversa in base ai loro browser.

<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>