¿Cómo redireccionar con Javascript?

Contactar con el profesor

Para hacer una redirección en Javascript tenemos dos opciones:

<script>
location.href ='https://pablomonteserin.com';
</script>
<script>
location.replace('https://pablomonteserin.com');
</script>

¿Cuál es la diferencia principal entre usar location.href y location.replace?

Cuando utilizamos location.href para hacer una redirección, la página en la en la que se ha ejecutado el código permanecerá en el historial de navegación el navegador. Sería algo similar a lo que ocurre cuando pulsamos en un link.

Si utilizamos location.replace para hacer una redirección cuando llegamos a una página web, dicha redirección será similar a una redirección 301 hecha por HTTP. Será como si la página done estaba el código no existiese y no podremos volver a ella pulsando el botón de retroceder en el historial.

Viendo los dos ejemplos funcionando

A continuación tienes un ejemplo operativo de ambas redirecciones:

  • Al pulsar en este enlace irás a una página en la que podrás utilizar location.href para hacer una redirección, y por tanto, al pulsar el botón de retroceso del navegador, volverás a la página que redirecciona.
  • Al pulsar sobre este enlace irás a una página en la que podrás utilizar location.replace para hacer una redirección, y por tanto, al pulsar el botón de retroceso del navegador volverás a esta misma página.
← Como eliminar un elemento concreto de un array en Javascript
Insertar un video con Javascript: 100€ →

Aviso Legal | Política de privacidad