Redirección con Javascript

En muchas ocasiones, siendo la más común una mudanza de URL, se necesita redireccionar a los usuarios de una dirección a otra. Te enseñamos como implementarlo en JavaScript.

Un ejemplo de redirección

Para ver como funciona el asunto puedes ver el siguiente ejemplo. La página que acabas (fugazmente) de ver utiliza el siguiente código:

<HTML>
<HEAD>
  <TITLE>Redireccionado</TITLE> 
  <SCRIPT LANGUAGE="JavaScript">
  function redireccionar() {
    setTimeout("location.href='articulo.php?id=tw_redireccion'", 5000);
  }
  </SCRIPT>
</HEAD>
<BODY onLoad="redireccionar()">
<P>Bla, bla, bla,...
</BODY>
</HTML>

Al terminar el navegador de bajar la página de Internet, el evento Load se activa y se ejecuta la función redireccionar, la cual consta de una única instrucción. Esta instrucción es setTimeout, que recibe como primer parámetro el código que ejecutará cuando pasen los milisegundos que se le pasan como segundo parámetro.

Así, en nuestro ejemplo, cuando pasen 5000 milisegundos (5 segundos), la dirección de la página actual (location.href) será la página que le indiquemos.

Personalizando la redirección

Esta técnica, la verdad, sólo tiene dos o tres opciones de personalización. Las dos primeras son las obvias: cambiar el lapso de tiempo que trasncurre entre la carga de la página y la redirección y el cambio de la dirección que finalmente verá el usuario. La tercera es algo más sutil.

Entra dentro de lo posible que queramos que el usuario sea redireccionado rápidamente, sin que siquiera se entere de que lo que ha pasado. En tal caso es mejor no esperar a que se termina de cargar la página ni, por supuesto, poner ningún lapso de tiempo. De hecho lo mejor será lo siguiente:

<HTML>
<HEAD>
  <TITLE>Redireccionando rápidamente</TITLE> 
  <SCRIPT LANGUAGE="JavaScript">
  location.href='articulo.php?id=tw_redireccion';
  </SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>

El problema es que al usuario le puede sentar mal que le manejen a su antojo los poderes ocultos e ignotos de Internet. Es elección del diseñador escoger que prefiere.

COMPARTE ESTE ARTÍCULO

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
ARTÍCULO ANTERIOR

SIGUIENTE ARTÍCULO

HAY 28 COMENTARIOS
  • Marco dijo:

    Si cambias tu pagina de direccion, es bastante comodo. Saludos, Marco

  • Gloria C. Álvarez dijo:

    Espero que esto te sirva para que redirecciones y gracias por el script que me esnviaste pero la verdad no funciona, por favor me podrias enviar con todo el codigo html desde el principio hasta el fin por que no me funciona. MUCHAS GRACIAS.

  • Dante dijo:

    Te felicito que tengas una seccion asi bien equipado, para enviarselo a unamigo, votar y tambien comentar. Felicidades.

  • artugallardo dijo:

    pues eso, Y si quiero que se abra en otra ventana? Como se haría? Gracias.

  • roberto lopez dijo:

    hasta ahora solo he trabasido un poco lo que es hacer web wn frompage y lo que es el java no tengo una idea defina pero gustaria saber un poco, he llegado hasta este sitio en base a un motor de busqueda. roberto

  • manuel dijo:

    Como se puede haver para que se actualice con esa misma funcion un frame determinado de la pantalla. Ah!! y enhora buena por toda vuestra página y por vuestro enorme trabajo. FELICIDADES

  • Rafa dijo:

    Quisiera saber como hacer para que al redireccionar mi web no cambie la direccion tipeada inicialmente. Ej midominio.com.ar es redireccionada a blablabla.com/usuarios/midominio pero quiero q en la barra de direcciones continue figurando www.midominio.com

  • Alex Zaga dijo:

    Buen script para salir del paso en algun apuro. Vientos huracanados compas..

  • cristian dijo:

    rwfsdfsdfsdfsdf

  • JESAGO dijo:

    Tienen una buena pagina y ayuda a solucionar problemas muy rapido. gracias y felicitaciones por la labor que desempeñan

  • Jamening dijo:

    Lo más importante,enhorabuena por tu fantástico trabajo. Necesito redireccionar una pagina a un marco de otra pagina que se compone de 4 marcos 1º tengo una pagina xxx.htm que contiene este codigo: location.href='http://www.midominio.com/pag4marcos.htm' como podria redireccionar a un marco especifico de pag4marcos.htm muchas gracias por tu atención. Un saludo

  • h2m dijo:

    Es sencillo, crea tu index.html como un frame y dentro de él, llama a tu pagina principal y las demás, todo estará dentro de tu frame(index.html)

  • Maki dijo:

    Gracias, me vino barbaro para salir de un apuro

  • ej38 dijo:

    ww

  • Archon dijo:

    Me vino barbaro! ahora lo unico que me gustaria saber, es si se le puede incluir algun codigo (y cual seria) la manera para que no muestre la direccion a la que redirecciona y tampoco muestre las subpaginas que se van a abriendo segun las secciones. GRacias!

  • Kev dijo:

    Excelente, muy bueno, me sirvio de mucho....

  • Erik dijo:

    TA EXPLICAO MUY BIEN OS LO HABEIS CURRADO MUXO Y ME HA SERVIDO PERFECTAMENTE

  • juanacha dijo:

    Este articulo esta fenomenal. Pero ¿Como sería para redirigir a la pagina de inicio "index.php" cuando se quiere ver una pagina directamente desde la barra de direccion y no desde un vinculo asociado desde pa pagina. ejemplo: index.php?modulo=musica. si se muestra tu_url/modulo/musica.php. se redirecciona gracias. :)

  • Sara dijo:

    me gustaria saber como puedo quitar esa url, pues entro al correo y me dice que no puedo porque esta redireccionada... y yo no quiero.. al igual que no me deja ni enviar correo ni eliminar.. ni entrar en otras páginas habituales... qué puedo hacer?

  • user dijo:

    Con las funciiones escape i unescape se puede codificar la url.

  • Armando dijo:

    Tengo una web en un server que no me permite php, he tenido que abrir una cuenta en otro server que si lo permite y bueno, lo que pretendo es que por medio de un iframe en el primer server, se vea un php del server php, que es lo que sucede? pues que cuando se carga el php se redirecciona al segundo server y me kita todos los frames iframes y demases. Que codigo hay para que cancele la auto redireccion misteriosa?

  • Jorge dijo:

    Quiero redireccionar un link?? De http://blog.kuroniria.com/podcast a http://feeds.feedburner.com/KuroPodcast Gracias

  • Joel dijo:

    Hola yo queria saber como se peude hacer es que llevo ya tiempo intentando y buscando por la RED un script que me permita redireccionar con javascript despues de 3 segundos y que cargue en _TOP pero no consigo nada me podriais ayudar

  • Johan Soto dijo:

    El problema de Sara se puede resolver fácilmente no es nada de que alarmarse comuniquese conmigo y le explico como

  • Pablo dijo:

    Gracias por este consejo. Muy útil

  • Juan dijo:

    Hola, tengo un posicionamiento en google muy bueno y alguien redirecciona su pagina a la mia y google lo posiciona primero, luego quita la redirección y se queda en la posición. la pregunta es. Puedo evitar cualquier redirección o de una web determinada ? o si mi web viene redireccionada de cualquier parte o de alguna web determinada, reenviarla a otra dirección diferente ? gracias y hata pronto

  • Karen Tarin dijo:

    hola! quisiera saber como puedo redireccionar este link http://www.trabajaportucuenta.com/?pub=288 a este otro http://r.yuwie.com/karentarin

  • jotan dijo:

    oye q bueno ese ultimo codigo, ya que yo soy aun aprendiz y novato de esto en programacion, me saco de una grande....

Conéctate o Regístrate para dejar tu comentario.