Cómo redirigir a otra página web con JavaScript

La redirección de la página es una técnica en la que un usuario intenta abrir una URL en particular, pero en cambio, ese usuario se redirige a otra URL. Esto podría ocurrir debido a varias razones, algunas de las cuales se enumeran a continuación:

• Su contenido se mueve a un nuevo dominio. Entonces, todos sus visitantes serán redirigidos a ese nuevo dominio cuando accedan al dominio más antiguo.
• Su dominio varía según el lenguaje, la ubicación, etc. Por lo tanto, el usuario se redirige a la página apropiada en función de estos factores.
• Aunque ha trasladado su contenido a un dominio diferente, los motores de búsqueda aún mantendrán ese contenido y URL dentro de su índice. Entonces, en caso de que los motores de búsqueda sepan que el contenido antiguo se ha trasladado a un lugar nuevo y que un nuevo lugar debe ocupar el lugar principal en el índice, utiliza la redirección de la página del lado del cliente.

Redirección de la página con JavaScript

En Javascript Podemos redirigir a otra página a través del objeto de ubicación que forma parte del objeto de la ventana y se accede a través de la ventana.propiedad de ubicación. Esto contiene la información de la URL. Hay varias formas de redirigir a otra página web usando JavaScript. Los más utilizados son ubicación.href, ubicación.asignar y ubicación.reemplazar.

Nota: La consola del navegador se utiliza para la demostración de ejemplos en este artículo.

Uso de la ventana.ubicación.href para redirigir en JavaScript

Usando ubicación.href propiedad, usted asigna la nueva URL como una cadena. Esto es útil cuando desea que ocurra un evento si el usuario hace clic en un botón o un enlace que los redirigirá a una nueva página:

Ir a Google

Nota: Puede ir a Google haciendo clic en el botón.

Uso de la ventana.ubicación.Asignar método para redirigir en JavaScript

Este método es similar a ventana.ubicación.href, Donde asigna la URL. A través de esto, el usuario también puede hacer un seguimiento de la página anterior y creará una entrada en el historial:

Ir a Google

Nota: Puede ir a Google haciendo clic en el botón.

Uso de la ventana.ubicación.Reemplazar el método para redirigir en JavaScript

El Ubicación.reemplazar() El método se usa cuando desea redirigir a una nueva página sin volver al dominio anterior. La página actual no se guardará en la historia y será reemplazada por la nueva URL:

Ir a Google

Nota: Puede ir a Google haciendo clic en el botón.

Otra forma de usarlo es a través de setTimeout () que redirige a una nueva página después de un tiempo particular asignado.

Nota:Puedes ir a Google después de 2 segundos.

Conclusión

Debe haberse encontrado con una situación en la que hizo clic en la URL de una determinada página, pero fue redirigido hacia otra página; Esta técnica se llama redireccionamiento de la página y los desarrolladores utilizan comúnmente por varias razones.

En esta publicación, hemos repasado diferentes métodos para redirigir a otra página web con JavaScript; La publicación también describió las diferencias entre los tres métodos de redireccionamiento en JavaScript, ubicación.href, ubicación.asignar y ubicación.reemplazar.

Usando ubicación.href y ubicación.asignar, El usuario puede volver fácilmente a la página anterior, ya que crea una entrada en el historial. El ubicación.reemplazar redirige a una nueva página web, pero no crea una entrada en el historial, por lo que el usuario no puede volver a la página anterior.