¿Cómo redireccionar con Javascript?

Curso de Javascript Online. Desde cero.

2.  
14.  
19.  
21.  
22.  
25.  
26.  
28.  
34.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Para hacer una redirección en Javascript tenemos dos opciones, usar el la propiedad href o usar el método replace:

<button onClick="redirect1()">GO using href</button>
<button onClick="redirect2()">GO using replace</button>

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

  const redirect2 = () => 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.

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.