Redirección de JavaScript

JavaScript es un lenguaje de programación orientado a la web. Al usar la web, a menudo necesitará navegar a través de páginas. Cuando haga clic en cualquier botón, envíe un formulario o inicie sesión en cualquier sitio web, se redirige a una página nueva diferente. La redirección de la página es una parte esencial de cualquier sitio web, pero no solo está restringido a la navegación de la página en un sitio web. Puede haber múltiples razones para redirigir la página, por ejemplo:

• El nombre de dominio antiguo se cambia a un nuevo dominio
• Presentación y autorización de un formulario
• En la base del navegador o idioma del usuario
• Redirigir de http a https

Este artículo explica algunas formas diferentes de redirigir una página.

Sintaxis

La sintaxis para navegar a una página usando JavaScript es la siguiente:

ventana.ubicación.href = "url"

En este método, simplemente proporcione la URL a la que desea redirigir al usuario.

La sintaxis para otro método para redirigir a un usuario a una nueva URL es la siguiente:

ventana.ubicación.reemplazar ("url") // o
ventana.ubicación.asignar ("url")

En esta sintaxis funcional, proporciona la URL a la que desea redirigir, y siempre que se llama a esta función, será redirigido a esa URL específica.

Aquí, "reemplazar" y "asignar" hacen la misma tarea pero con una diferencia sutil. Ambos redirigen a una nueva URL, pero "reemplazar" no toma el registro del historial y el usuario no puede volver a la URL anterior o la página anterior. Mientras tanto, "Asignar" mantiene el registro del historial y permite al usuario volver a la página anterior.

Ahora veremos algunos ejemplos de ambas sintaxis.

Ejemplos

Primero, crearemos una función en el clic en un botón.

Linuxhint

Esta función redirigirá al usuario al sitio web "https: // www.Linuxhint.comunicarse."

función redirectFunction ()
ventana.ubicación.href = "https: // www.Linuxhint.com "

Ahora, si el usuario hace clic en el botón, será redirigido a Linuxhint.comunicarse

En el siguiente ejemplo, por ejemplo, desea redirigir al usuario de un dominio antiguo al nuevo dominio. Para fines de prueba, suponga que la dirección actual es el Hosthost, pero cada vez que el usuario ingresa a la URL del localhost, el usuario es redirigido del localhost al nuevo URL, que es Linuxhint.com en este ejemplo. Esto es más fácil de hacer de lo que piensas. Para hacer esto, simplemente use la sintaxis del segundo método de redirección:

ventana.ubicación.reemplazar ("https: // www.Linuxhint.com ")

Ahora, si el usuario ingresa a la URL localhost, será redirigido a Linuxhint.comunicarse. Pero, si mira el botón superior izquierda del navegador para volver a la página anterior:

El botón está opaco y el navegador no nos permite volver a la página anterior. Sin embargo, si desea mantener esta opción para el usuario, puede usar "Asignar" en lugar de "Reemplazar."

ventana.ubicación.asignar ("https: // www.Linuxhint.com ")

Y ahora, si miras el botón superior izquierda del navegador para volver a la página anterior:

El botón no está opaco. Puedes volver a la página anterior.

Se recomienda usar "reemplazar" en lugar de "asignar" aquí, porque el propósito de redirigir a una nueva URL es que la url anterior ya no está funcionando.

Conclusión

Este artículo explicó algunos métodos diferentes de redirección en JavaScript, junto con ejemplos de la vida real utilizando estos métodos. En este artículo, ha aprendido a navegar a una nueva página y cómo redirigir de la vieja URL a una nueva URL. Puede obtener más información sobre JavaScript en Linuxhint.comunicarse.