JavaScript

Redireccionar página con JavaScript

3.91KVistas

Usar JavaScript es una de las alternativas 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:

window.location.href = "https://aprenderaprogramar.net";

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://aprenderaprogramar.net";
}, 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://aprenderaprogramar.net";
}

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://aprenderaprogramar.net";
}

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

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

Deja una respuesta