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
Agregue un comentario