Muchas veces podemos tener la necesidad de redireccionar una página web hacia otra para mostrar la información más adecuada según la configuración que el visitante tenga en su computadora, por ejemplo, versión del navegador, resolución de pantalla, lenguaje utilizado o simplemente cargar una página automáticamente una vez que se ha mostrado un mensaje determinado. Para todo esto proponemos los siguientes ejemplos JavaScript de redireccionamiento web.
Este Script permite redireccionar una página al cabo de x segundos mediante la función setTimeout() de JavaScript. El ejemplo muestra los segundos definidos y la URL de la página que se cargará.
Sencillo ejemplo JavaScript que redirecciona hacia una u otra página web dependiendo del dato (edad) que halla ingresado el usuario en un cuadro de diálogo tipo prompt().
Este ejemplo JavaScript muestra de qué manera podemos cargar una hoja de estilo diferente según la resolución de pantalla utilizada. Debemos crear tantas hojas de estilos como resoluciones hayamos definido. En este caso debemos crear las hojas de estilo: 1024.css , 800.css y 640.css
Este ejemplo JavaScript redirecciona una página según la resolución de pantalla del sistema donde se ejecuta el documento. El Script es compatible con las resoluciones 1024x768, 800x600 y 640x480 aunque podemos definir una URL que se cargará si ninguna de las resoluciones configuradas está presente. Un agregado interesante que le hemos hecho al JavaScript es la de un aviso informando la resolución de pantalla actual y un contador que, una vez llegado a 0 (cero) ejecuta la redirección correspondiente. Podemos configurar el ejemplo para que no muestre el aviso y redireccione inmediatamente según la resolución de pantalla.
Este ejemplo JavaScript carga una URL diferente según el navegador utilizado por el visitante. La URL la escribe directamente en un enlace especificando en el anchortext el navegador utilizado. El Script está configurado para Internet Explorer, Firefox o cualquier otro de la familia Mosilla. Si no es ninguno de ellos se carga una URL por defecto.
Este ejemplo JavaScript muestra un mensaje avisando que se va a redireccionar hacia otra página en el lenguaje que el navegador tiene por defecto. La redirección se realiza en x segundos y por supuesto podemos configurar las URL que se cargarán según el lenguaje. Podemos configurar el Script para que funcione con casi todos los lenguajes y también podemos agregar una instrucción para que se cargue una página con un lenguaje por defecto por si no se ha configurado en el JavaScript el código para cierto lenguaje.
Si bien este no es un ejemplo de código con lenguaje JavaScript, nos puede resultar útil para cuando tengamos que redireccionar una página web de una manera rápida y sencilla al cabo de x segundos. La etiqueta META con su valor refresh es quizás el código HTML más utilizado para estos casos.
Este ejemplo JavaScript redirecciona una página al cabo de x segundos. Podemos definir el tiempo en el que se hace efectiva la redirección. El Script muestra los segundos restantes en un cuadro de texto y la URL adonde se quiere redireccionar automáticamente.
Este ejemplo JavaScript redirecciona la página web según el tipo de navegador utilizado por el visitante. Podemos configurar el tiempo en el que se hace efectiva la redirección.