Métodos para redireccionar URLs (HTML, PHP y Javascript)
En este tip
mostraré varios métodos de redireccionamiento de direcciones URL. Es
decir, que al entrar en una página web automáticamente nos envíe a otra.
Método 1. HTML
El primer método es usar el elemento META. Veamos la sintaxis de uso para nuestro propósito:
Código :
<meta http-equiv="acción" content="segundos"; url="url destino" />
Supongamos que has cambiado de servidor o has movido una página a otro directorio. Mostraremos un mensaje acerca de ello y redireccionaremos a nuestro usuario a la nueva ubicación de la página. En este ejemplo, la acción será "refresh", el tiempo en que tardará en refrescar la página será de cinco (5) segundos:
Código :
<html>
<head>
<meta http-equiv="Refresh" content="5;url=http://www.cristalab.com">
</head>
<body>
<p>Nos hemos mudado! Serás dirigido automáticamente en cinco segundos. En caso contrario, puedes acceder haciendo click <a href="http://www.cristalab.com">aquí</a></p>
</body>
</html>
Método 2. PHP
El siguiente ejemplo, redireccionará al usuario sin aviso previo:
Código :
<?php
header ("Location: http://www.cristalab.com");
?>
Método 3. JavaScript
Podemos lograr con JavaScript, los métodos anteriormente vistos. En el caso de un redireccionamiento en espera, debemos usar un "temporizador". Veamos un ejemplo:
Código :
<html>
<head>
<script type="text/javascript">
function redireccionar(){
window.locationf="http://www.cristalab.com";
}
setTimeout ("redireccionar()", 5000); //tiempo expresado en milisegundos
</script>
</head>
<body>
<p> Espere por favor, será redireccionado en 5 segundos.</p>
</body>
</html>
Haciéndolo directamente, sin espera:
Código :
<body>
<script type="text/javascript">
window.location="http://www.cristalab.com";
</script>
</body>
Nota: Este entrada en un copiar/pegar del siguiente enlace:
http://www.cristalab.com/tutoriales/metodos-para-redireccionar-urls-html-php-y-javascript-c38527l/
No hay comentarios:
Publicar un comentario