JavaScript - Redirección de página
JavaScript - Redirección de página
¿Qué es la redirección de página?
Es posible que haya encontrado una situación en la que hizo clic en una URL para llegar a una página X, pero internamente fue dirigido a otra página Y. Sucede debido a la redirección de página . Este concepto es diferente de JavaScript Page Refresh .
Puede haber varias razones por las que le gustaría redirigir a un usuario desde la página original. Estamos enumerando algunas de las razones:
- No le gustó el nombre de su dominio y se está moviendo a uno nuevo. En tal escenario, es posible que desee dirigir a todos sus visitantes al nuevo sitio. Aquí puede mantener su dominio anterior pero colocar una sola página con una redirección de página para que todos sus antiguos visitantes de dominio puedan acceder a su nuevo dominio.
- Ha creado varias páginas basadas en versiones del navegador o sus nombres, o puede basarse en diferentes países; luego, en lugar de usar la redirección de la página del lado del servidor, puede usar la redirección de la página del lado del cliente para ubicar a los usuarios en el página apropiada.
- Es posible que los motores de búsqueda ya hayan indexado sus páginas. Pero mientras se muda a otro dominio, no le gustaría perder a sus visitantes que vienen a través de los motores de búsqueda. Entonces puede usar la redirección de página del lado del cliente. Pero tenga en cuenta que esto no debe hacerse para engañar al motor de búsqueda, podría hacer que su sitio sea prohibido.
¿Cómo funciona la redirección de página?
Las implementaciones de Page-Redirection son las siguientes.
Ejemplo 1
Es bastante simple hacer una redirección de página usando JavaScript en el lado del cliente. Para redirigir a los visitantes de su sitio a una página nueva, solo necesita agregar una línea en la sección de su encabezado de la siguiente manera.
<html> <head> <script type="text/javascript"> <!-- function Redirect() { window.location="http://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>
Salida
Ejemplo 2
Puede mostrar un mensaje apropiado a los visitantes de su sitio antes de redirigirlos a una nueva página. Esto necesitaría un poco de retraso para cargar una nueva página. El siguiente ejemplo muestra cómo implementar el mismo. Aquí setTimeout() es una función incorporada de JavaScript que se puede utilizar para ejecutar otra función después de un intervalo de tiempo determinado.
<html> <head> <script type="text/javascript"> <!-- function Redirect() { window.location="http://www.tutorialspoint.com"; } document.write("You will be redirected to main page in 10 sec."); setTimeout('Redirect()', 10000); //--> </script> </head> <body> </body> </html>
Salida
You will be redirected to tutorialspoint.com main page in 10 seconds!
Ejemplo 3
El siguiente ejemplo muestra cómo redirigir a los visitantes de su sitio a una página diferente en función de sus navegadores.
<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>
No comments