domingo, 20 de septiembre de 2015

JavaScript - Redirección de Página

¿Qué es la redirección de página?

Es posible que haya encontrado con una situación en la que hizo clic una dirección URL para llegar a una página X pero internamente se le ha remitido a otra página Y. Esto ocurre debido a la redirección de páginaEste concepto es diferente de JavaScript Actualizar página.
Podría haber varias razones por las que le gustaría volver a dirigir a un usuario de la página original. Estamos enumerando abajo algunas de las razones -
  • No te gustaba el nombre de su dominio y se está mudando a una nueva. En tal escenario, es posible que desee dirigir todos sus visitantes al nuevo sitio. Aquí usted puede mantener su antiguo dominio, pero poner una sola página con una redirección de la página de forma que aparezca dominio viejos pueden llegar a su nuevo dominio.
  • Has urbanizada varias páginas basadas en versiones de navegadores o sus nombres o puede estar basado en diferentes países, a continuación, en lugar de utilizar la página en el servidor de redirección, puede utilizar la página del lado del cliente de redirección a la tierra de sus usuarios en la página correspondiente.
  • Los motores de búsqueda pueden ya han indexado sus páginas. Pero mientras se mueve a otro dominio, que no le gustaría perder a sus visitantes que vienen a través de motores de búsqueda. Así que usted puede utilizar la página del lado del cliente de redirección. Pero tenga en cuenta que esto no se debe hacer para engañar a los motores de búsqueda, que podría conducir a su sitio para obtener prohibido.

Cómo Página Obras Re-dirección?

Las implementaciones de Página-redirección son los siguientes.

Ejemplo 1

Es muy simple de hacer una redirección página usando JavaScript en el lado del cliente.Para redirigir a sus visitantes a una página nueva, sólo tiene que añadir una línea en su sección de la cabeza 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

Usted puede mostrar un mensaje adecuado a sus visitantes del sitio antes de redirigir a una página nueva. Esto necesitaría un tiempo de retardo de bits para cargar una nueva página. El siguiente ejemplo muestra cómo implementar la misma. Aquí setTimeout () es una función incorporada en JavaScript que puede ser utilizado para ejecutar otra función después de un intervalo de tiempo dado.
<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 sus visitantes a una página diferente, basado en 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 hay comentarios:

Publicar un comentario