Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Tutorial Métodos para redireccionar URLs (HTML, PHP y Javascript
#1
En este tutorial 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>
WWW
#2
Excelente tutorial  las aplicaciones seran diversas peroo de verdad extremadamente util!!! saluds
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  HTML id de clases PabloA3 2 40 06-09-2018, 04:27 PM
Último mensaje: PabloA3
  JavaScript en 14 minutos Posits 5 208 12-04-2018, 08:44 AM
Último mensaje: easy english
Sonrisa Login->html+js+ajax+php wpadilla 2 321 05-11-2017, 12:39 PM
Último mensaje: piensaengrande
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 27 1,127 21-10-2017, 01:47 AM
Último mensaje: ReyNexo23
  Plantillas HTML Responsive Free Profesionales gassip 16 878 13-06-2017, 03:45 AM
Último mensaje: gassip
Información [Aporte] Redireccionar un Post o una Página [Wordpress] [Post#1-Junio] AbnerTorres 1 339 12-06-2017, 11:40 PM
Último mensaje: ghmillet
Música [Aporte] Reproductor de audio html djsmokingcr 11 844 02-05-2017, 03:04 AM
Último mensaje: gassip
  Expandir etiquetas HTML en documento .php con EMMET gassip 2 479 18-11-2016, 07:28 PM
Último mensaje: DaveNPlay
  Linux Foundation respalda JavaScript Kiichi 3 403 03-11-2016, 03:43 AM
Último mensaje: habacuc78
  [Aporte] PcTag: Información HTML KesiaMuller 0 372 28-10-2016, 05:42 AM
Último mensaje: KesiaMuller



Usuarios navegando en este tema: 1 invitado(s)