ES
RU
EN
ZH
FR
DE
PT
AR
HI
Cómo hacer una redirección en JavaScript: de principiante a profesional en 2025
\n\n¿Alguna vez ha llegado a un sitio web que, después de un segundo, lo «llevaba» a otra página? ¿O quizás ha presionado un botón y ha terminado en una sección completamente nueva sin recargar la página? Todo esto es magia de las redirecciones en JavaScript. La pregunta «How do I redirect to another webpage?» ha sido durante años una de las más populares en Stack Overflow, y no es casualidad: la redirección es una operación básica pero increíblemente importante en el desarrollo web.
\n\nEn este artículo no solo mostraremos cómo escribir window.location.href = '...'. Analizaremos qué método elegir en 2025, por qué unas formas son mejores que otras, y cómo no pisar el rastrillo que arruinaría la experiencia del usuario o el SEO de su sitio. ¡Abróchese el cinturón, será interesante!
¿Por qué una redirección no es simplemente «ir a un enlace»?
\n\nA primera vista, la tarea parece trivial: «ir a otra URL». Pero el diablo, como siempre, está en los detalles. Una redirección puede ser:
\n\n- \n
- Instantánea — el usuario ni siquiera lo nota. \n
- Con retardo — para mostrar un mensaje «Será redirigido en 5 segundos». \n
- Sin interrupciones — dentro de una Single Page Application (SPA), donde la página no se recarga. \n
- Condicional — solo para usuarios autenticados o desde dispositivos específicos. \n
Y para cada escenario, existe la herramienta correcta. Usar window.location.href para todos los casos es como clavar un clavo con un microscopio. Funciona, pero ¿para qué?
Top 5 métodos de redirección en JavaScript en 2025
\n\nAnalicemos cada método con ejemplos y explicaciones de cuándo usarlo.
\n\n1. El clásico: window.location.href
\n\nEsta es la forma más conocida y sencilla. Simplemente asigna una nueva URL a la propiedad href del objeto window.location.
// Redirección simple\nwindow.location.href = 'https://pythonlib.ru/new-page';\n\n// Redirección con conservación del historial (el usuario puede presionar "Atrás")\nwindow.location.href = '/about';Ventajas: Simplicidad, intuitividad, conserva el historial del navegador.
\nDesventajas: Recarga completa de la página. Si necesita «cambiar» la URL sin recargar (como en SPA), este método no es adecuado.
\n\nCuándo usarlo: Cuando realmente necesita ir a otra página y la página anterior ya no es necesaria. Por ejemplo, después de enviar un formulario con éxito.
\n\n2. Redirección sin historial: window.location.replace()
\n\nEste método hace lo mismo que href, pero con una diferencia importante: reemplaza la entrada actual en el historial del navegador. El usuario no podrá volver a la página original con el botón «Atrás».
// Redirección después de la cual no se puede volver "Atrás"\nwindow.location.replace('https://pythonlib.ru/new-page');Ventajas: Ideal para páginas temporales (por ejemplo, una página de verificación de edad o redirección desde una URL obsoleta). No ensucia el historial.
\nDesventajas: Puede desorientar al usuario si esperaba el comportamiento estándar del botón «Atrás».
\n\nCuándo usarlo: Cuando redirige desde una URL temporal o de servicio que no debería «recordarse» en el navegador. Por ejemplo, después de una redirección de /old-page a /new-page.
3. Cargar un nuevo documento: window.location.assign()
\n\nEl método assign() es una versión más «formal» de la asignación de href. Hace lo mismo: carga un nuevo documento y guarda una entrada en el historial.
window.location.assign('https://pythonlib.ru/new-page');Básicamente, es un sinónimo de
Blogs
Book Recommendations
Leer también
