Redirigir a URL relativa en JavaScript

Shiv Yadav 18 agosto 2022

JavaScript JavaScript Redirect

En sus sitios web, es posible que deba redirigir las páginas con frecuencia. Aunque se recomienda cambiar las páginas web y las URL desde el lado del servidor, puede haber situaciones en las que necesite usar JavaScript para redirigir las páginas desde el lado del cliente.

Descubriremos cómo cambiar usando JavaScript en este tutorial.

Redirigir a URL relativa en JavaScript

Aunque la mayoría de las bibliotecas de JavaScript, como jQuery, tienen funciones prefabricadas para redirigir páginas web, usar JavaScript simple siempre es más sencillo. Hay dos métodos de redirección de JavaScript.

Considere el escenario en el que desea redirigir a www.newwebsite.com/new-location. En esta situación, puede incluir uno de los siguientes comandos en el código JS de su página web.

Sintaxis:

window.location.replace("/url or path"); //or

window.location.href = "/url or path";

La redirección no agregará un registro al historial del navegador en primera instancia. Sin embargo, similar a hacer clic en otra URL de su sitio web, se agregará una descripción en la segunda instancia.

Ejemplo:

<!DOCTYPE html>
<html>
  <head>
    <script>
      function nUrl() {
        window.location.href = "b.html";
      }
    </script>
  </head>

  <body>
    <input type="button" value="Redirect page" onclick="nUrl()" />
  </body>
</html>

Nota: asegúrese de que la ruta relativa que proporcione sea absoluta. Y deberías tener otra página guardada como b.html.

Producción:

URL relativa de redirección de JavaScript

Al hacer clic en el botón Redirigir página, el enlace de la página se redirigirá de la siguiente manera:

Página redirigida de JavaScript

Tenga en cuenta lo siguiente:

JavaScript no se puede utilizar para redirigir desde una página web HTTPS a un sitio web HTTP. La mayoría de los navegadores no te permitirán hacerlo.

Puede redirigir de HTTP a HTTP, de HTTP a HTTPS y de HTTPS solo a páginas HTTPS usando JavaScript. Debe utilizar la redirección del lado del servidor desde un sitio web HTTPS a un sitio web HTTP.
Puede utilizar rutas absolutas (como /nueva-ubicación) o URL completas (como http://www.newwebsite.com/new-location). El navegador redirigirá al sitio web utilizando el mismo protocolo HTTP/HTTPS sin modificarlo si especifica una ruta relativa para la redirección.

Sería mejor si proporcionara la URL completa para redirigir de una página HTTP a una página HTTPS.
Es posible que no funcione si coloca la redirección en el controlador de funciones para el botón Submit ya que el navegador enviará el formulario en lugar de redirigir la página. En estas circunstancias, puede usar AJAX para enviar el formulario y luego redirigir según la respuesta del botón.

Autor: Shiv Yadav

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

Redirigir a URL relativa en JavaScript

Artículo relacionado - JavaScript Redirect