Redireccionar con JavaScript

La Redirección usando JavaScript a diferencia de la redirección en PHP, trabaja del lado del cliente, así que se puede manejar según las acciones del usuario ya sea presionando un botón o en algún otro evento. un uso común para este tipo de redirección es mostrar un mensaje en el navegador y luego de x segundos redireccionar.

Por temas SEO si vas a mover el contenido de una URL a otra, ya sea un tema, lo recomendable es hacerlo via PHP o vía el archivo .htaccess ya que de esa manera la redirección se realiza del lado del SERVER y no del cliente como ocurre en JAVASCRIPT

Existen muchas maneras de hacer redirecciones con Javascript y aquí les mostraré algunas

Redireccionar Inmediatamente:

debes poner este código dentro del tag <head>, redireccionará al nuevo destino inmediatamente

<script>window.location = 'http://www.elcodigofuente.com/';</script>

Si deseas puedes agregar un alert que detendrá la dirección hasta que se presione el botón

<script>
  alert('Redirecionando a http://www.elcodigofuente.com/');
  windows.location='http://www.elcodigofuente.com/';
</script>

Redireccionar pasando x segundos:

Este tipo de redirección la uso bastante cuando el usuario a realizado alguna acción que se necesita saber si fué completada o no; por ejemplo si envian comentarios en un formulario de contacto, si todos los datos son correctos se le muestra un mensaje de «Datos Enviados correctamente» y luego de 5 segundos lo redirecciono a la página que estaba viendo o al index del sitio web

<script>
  function redireccionar() {
    windows.location='http://www.elcodigofuente.com/';
  }
  setTimeout('redireccionar()',5000);
</script>

Aqui con la función setTimeout le indico que ejecute la función redireccionar() en 5000 milisegundos (5 segundos), puedes ver el Ejemplo de una redirección con 2 segundos aqui: http://www.elcodigofuente.com/ejemplos/redireccionar.php

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *