Cómo hacer que el navegador navegue a URL en JavaScript?

Al crear un sitio web receptivo, puede haber algunos casos en los que el desarrollador necesita redirigir al usuario a una página o sitio web diferente. Esto mejora la claridad en el final del usuario. En tales situaciones, navegar a una URL diferente en JavaScript ayuda a acceder al contenido relevante convenientemente.

Este blog ilustrará los enfoques para que el navegador navegue a la URL usando JavaScript.

Cómo hacer que el navegador navegue a URL usando JavaScript?

Para hacer que el navegador navegue a la URL, aplique los siguientes enfoques:

• • "ventana.ubicación.href" propiedad.
  • "reemplazar()" método.
  • "ubicación.asignar()" método.

Método 1: Haga que el navegador navegue a URL usando la "ventana.ubicación.propiedad de href "en JavaScript

El "ventana.ubicación.href"La propiedad proporciona la URL de la página actual. Esta propiedad se puede usar para navegar por el navegador a la URL especificada directamente.

Ejemplo

Vamos a ver las siguientes líneas de código:

Linuxhint

En el bloque de código anterior:

• • En primer lugar, cree un botón junto con un "al hacer clic"Evento acceder a la función myFunction ().
  • En el código JavaScript, defina una función "myFunction ()".
  • En la definición de función, aplique el "ventana.ubicación.hrefPropiedad para navegar a la URL especificada sobre el disparador de botón.

Producción

En la salida anterior, se puede ver que la URL particular se carga al hacer clic en el botón.

Método 2: haga que el navegador navegue a la URL utilizando el método "reemplazar ()" en JavaScript

El "reemplazar()El método "reemplaza el documento actual con el recién especificado. Este método se puede aplicar para cambiar también a la URL especificada reemplazando la actual.

Sintaxis

ubicación.reemplazar (URL)

En la sintaxis anterior, "Url"Se refiere a la URL de la página donde desea navegar.

Ejemplo

Pasemos el siguiente ejemplo para comprender el concepto claramente:

Linuxhint

En el fragmento de código anterior:

• • Del mismo modo, cree un botón que tenga un asociado "al hacer clic"Evento invocando la función establecida.
  • En el código JavaScript, también declara una función llamada "myFunction ()".
  • En su definición, aplique el "reemplazar()Método para reemplazar la URL actual con la URL actualizada especificada y cambiarla con el clic del botón.

Producción

Método 3: haga que el navegador navegue a URL utilizando la "Ubicación.Método asignar () "en JavaScript

El "ubicación.asignar()El método carga un documento completamente nuevo. Este método se puede implementar para asignar una nueva URL y navegar a ella en la acción del usuario.

Sintaxis

ubicación.Asignar (URL)

En la sintaxis dada anteriormente, "Url"Corresponde a la URL para cambiar.

Ejemplo

Sigamos el ejemplo proporcionado a continuación:

Este párrafo tiene que ver con el sitio web de Linuxhint
onClick = "myFunction ()"> Leer más ..

>función myFunction ()
ventana.ubicación.asignar ("https: // linuxhint.com/")

En el código anterior:

• • En primer lugar, incluya un párrafo que tenga el contenido "El elemento que contiene texto incompleto y redirección a la función especificada.
  • En el código JS, de manera similar, declara una función "myFunction ()".
  • Dentro de la función, aplique el "ubicación.asignar()Método para asignar una nueva URL.
  • Esta URL actualizada se navegará en el botón Haga clic.

Producción

Eso se trataba de hacer que el navegador navegue a la URL en JavaScript.

Conclusión

Para que el navegador navegue por la URL, aplique el "ventana.ubicación.href"Propiedad, la"reemplazar()Método "o el"ubicación.asignar()" método. Estos enfoques se pueden usar para redirigir a la URL especificada, reemplazada o recién asignada. Este artículo indicó los enfoques para hacer que el navegador navegue a URL usando JavaScript.