Redireccionar página con JavaScript

Índice
  1. Redireccionar a otra página en X segundos
  2. Redireccionar a otra página según las condiciones
  3. Redireccionar a otra página en función de las acciones del usuario
  4. Redireccionar con JavaScript es muy fácil y rápido.

Usar JavaScript es una de las alternativas que hay para redireccionar una página.

La forma más sencilla que se me ocurre es añadir dentro del head de cada una de las webs desde las que queramos hacer la redirección a otra, las siguientes líneas de código Javascript para redireccionar.

 

window.location.href = "https://programandoen.com";

Es mejor colocar este código dentro del elemento( y no en la parte inferior de la página ) para que la página se redirija antes de que el navegador comience a mostrarla.

Redireccionar a otra página en X segundos

En este ejemplo, realizaremos un redireccionamiento js a otra página algún tiempo después de que se cargue la página. Por ejemplo, si desea redirigir a un visitante a la página principal después de mostrar la página de bienvenida durante 5 segundos:

setTimeout(function(){ 
window.location.href = "https://programandoen.com"; 
}, 5 * 1000);

Utilizamos el método setTimeout para indicarle al script que redirija después de 5 segundos ( multiplique 5 por 1000 para convertir segundos a milisegundos ).

CONSEJO: en JavaScript, los valores de tiempo siempre se calculan en milisegundos.

Redireccionar a otra página según las condiciones

Por ejemplo, puede redirigir según el navegador del visitante ( aunque esto no se recomienda ), el tamaño de la pantalla, la hora del día u otras condiciones.

Use el siguiente código para redirigir a los visitantes que cumplan una condición específica:

if (CONDITION) { 
      window.location.href = "https://programandoen.com"; 
}

Por ejemplo, este código redirige a los visitantes a otra página si su ancho de pantalla es inferior a 600 píxeles:

if (screen.width < 600) { 
   window.location.href = "https://programandoen.com"; 
}

Redireccionar a otra página en función de las acciones del usuario

 

document.getElementById('mybutton').onclick = function() { 
   window.location.href = "https://programandoen.com"; 
};

 

Redireccionar con JavaScript es muy fácil y rápido.

 

Deja una respuesta

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

Subir