Cargando

Ir a contenido

X


Ver Más! No te preocupes, recuperar archivos eliminados nunca fue tan sencillo. No te pierdas el tutorial que hemos preparado. Aprende a utilizar Recoverit en Windows 10.


 


Métodos para redireccionar enlaces HTML, PHP y Javascript

Existen varios métodos de redireccionamiento de direcciones URL. Es decir, cuando tenemos la necesidad de enviar en una página web automáticamente a otra, para realizar alguna tarea o presentar información luego de ocurrido algun evento.


Escrito por el mar 28 2014 16:44


Redirección-301.jpg


Existen varios métodos de redireccionamiento de direcciones URL. Es decir, cuando tenemos la necesidad de enviar en una página web automáticamente a otra, para realizar alguna tarea o presentar información luego de ocurrido algun evento

Método de redireccionamiento con HTML
El primer método es usar el elemento META. Veamos la sintaxis de uso para nuestro propósito:

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

<html>
<head>
<meta http-equiv="Refresh" content="5;url=http://www.nuevaweb.com">
</head>

<body>
<p>Serás dirigido automáticamente a la nueva web. En caso contrario, puedes acceder haciendo click <a href="http://wwwnuevodomin...inio.com">Nuevo dominio</a></p>
</body>
</html>


Método de redireccionamiento con PHP
Para redireccionar al visitante hacia otra página (especialmente útil en un bucle condicional), sólo hay que utilizar el código siguiente:
<? header('Location: mipagina.php'); ?>

Ruta relativa/absoluta
Teóricamente, es mejor preferir una ruta absoluta desde la raíz del servidor, de la forma siguiente:
<? header('Location: /blog/mipagina.php'); ?>

Si la página de destino estuviera en otro servidor, entonces indicar la URL completa, de la forma siguiente:
<? header('Location: http://www.midominio.com/blog/'); ?>


Redirecciones temporales/definitivas
Por defecto, el tipo de redirección presentada líneas arriba es una redirección temporal. Lo que significa que los motores de búsqueda como Google no la toman en cuenta para el posicionamiento.

Por ello, si deseamos indicar a los motores de búsqueda que la página A está ahora en la ubicación B, debemos utilizar el siguiente código al inicio del archivo PHP correspondiente a la página A:
<?
header('Status: 301 Moved Permanently', false, 301);
header('Location: midominio.com);
?>


Interpretación del código PHP
El código PHP situado después del llamado a la función header() será interpretado por el servidor, incluso si el visitante ya ha partido a la dirección especificada en la redirección, lo que significa que en la mayoría de casos tendremos interés en poner la función exit() después de la función header() para no hacer trabajar el servidor por gusto:
<?
header('Status: 301 Moved Permanently', false, 301);
header('Location: direccion);
exit();
?>


Método de redireccionamiento con Jscript
Podemos lograr redireccionar con Javascript, lo mismo que los métodos anteriormente vistos, ademas podemos tener cierto grado de interatividad o hacerlo mediante eventos. En el caso de un redireccionamiento en espera o por tiempo, debemos usar un temporizador. Veamos un ejemplo:

<html>
<head>
<script type="text/javascript">
function redireccionar(){
window.locationf="http://www.midominio.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:
<body>
<script type="text/javascript">
window.location="http://www.midominio.com";
</script>
</body>


Metodo de redirección con Jquery
El metodo jquery es una variacion del metodo javascript ya que jquery es un conjunto de librerias escritas en javascript.

redireccionar la página con JQuery
la forma de hacerlo es muy sencilla, colocamos esta linea adentro de nuestro script JQuery

url = "http://www.midominio.com";
$(location).attr('href',url);

Redireccionar por ejemplo al hacer click en un boton, enviando parametros capturados o calculados u obtenidos desde una base de datos.

$("#boton").click(function(){
document.location.href = "pagina1.php?parametro1=" + parametro1 + "&parametro2=" + parametro2 + "&";
});
¿Te ha gustado y ayudado este Tutorial?
Puedes premiar al autor pulsando este botón para darle un punto positivo
  • -
  • 0

Tutoriales Relacionados


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!
-
VOTA
5
0%
4
0%
3
0%
2
0%
1
0%

  Información

  •   Publicado mar 28 2014 16:44
  •   Actualizado abr 03 2014 09:20
  •   Visitas 9.6K
  •   Nivel
    Avanzado