Cómo navegar a otra página en JavaScript

En aplicaciones web, navegar por páginas es una característica importante. Se puede lograr utilizando hipervínculos en HTML, mientras que a veces, los desarrolladores deben redirigir a otra página utilizando dinámicamente JavaScript. Por ejemplo, mientras envían formularios, los usuarios se redirigen al mensaje de éxito o error o a la URL/página específica en un botón Haga clic.

Este tutorial demostrará los métodos para navegar la página a otra página usando JavaScript.

Cómo navegar a otra página en JavaScript?

Para navegar o redirigir, use los siguientes enfoques de JavaScript:

• Método asignar ()
• Método reemplazar ()
• atributo href

Método 1: navegue a otra página utilizando "Ubicación.Método asignar () "

Utilizar el "asignar()"Método con el"ubicación"Objeto para navegar una página a otra página. Redirige el navegador a la URL proporcionada de la misma manera que un hipervínculo.

Sintaxis

Se utiliza la siguiente sintaxis para el método asignar () para redirigir la página a otra página:

ubicación.asignar ("url")

Toma un "Url"Ruta como argumento en el que la página redirigirá:

Ejemplo

En un archivo HTML, cree un botón que redirigirá al sitio web oficial del Linuxhint en el botón Haga clic:

Haga clic aquí

Defina una función "navegatePage ()"En un archivo JavaScript, que se activará en el botón Haga clic. Esta función llama al "asignar()"Método al pasar la URL como argumento para redirigir al Linuxhint oficial.Sitio web de com:

función navigatePage ()
ubicación.asignar ("https: // linuxhint.com ");

Como puede ver que hemos sido navegados con éxito a Linuxhint.COM Sitio web en el botón Haga clic:

En la esquina superior izquierda, puedes ver eso después de navegar al Linuxhint.COM Sitio web, el botón de flecha posterior está habilitado. Esto significa que le permite regresar o navegar a la página anterior.

Método 2: navegue a otra página utilizando "Ubicación.método reemplazar () "

Para navegar a otra página, use el JavaScript integrado "ubicación.reemplazar()" método. Se utiliza para reemplazar el documento/página actual con una nueva página. Este método es similar a la ubicación.asignar (), pero la diferencia es que reemplaza la página y no le permite navegar hacia atrás.

Sintaxis

Siga la sintaxis proporcionada para el método reemplazar ():

ubicación.Reemplazar ("URL")

Ejemplo

Llame al método reemplazar () con la URL especificada en la función definida:

función navigatePage ()
ubicación.reemplazar ("https: // linuxhint.com ");

La salida indica que la página se ha navegado correctamente, pero puede ver que no permite volver a la página anterior, ya que el botón de retroceso está deshabilitado:

Método 3: Navegue a otra página utilizando "Ubicación.atributo href "

También puedes usar el "href"Propiedad con el"ubicación"Objeto para navegar a otra página usando JavaScript. Para la navegación, asigne un nuevo valor de URL. El atributo "href" indica la URL de la página actual. Al darle un nuevo valor, se puede usar para ir a la otra URL.

Sintaxis

La sintaxis dada se utiliza para el atributo HREF para navegar la página a otra página:

ubicación.href = "url"

Ejemplo

Asigne la URL al atributo HREF en la función definida para redirigir a Linuxhint.Com Página oficial:

función navigatePage ()
ubicación.href = "https: // linuxhint.com ";

Producción

Se trata de navegar o redirigir a otra página en JavaScript.

Conclusión

Para navegar la página a otra página, use el "ubicación.asignar()" método, "ubicación.reemplazar()Método "o el"ubicación.href" atributo. El método "asignar ()" y el atributo "href" permiten la navegación posterior, mientras que el método "reemplazar ()" no permite la navegación a la página anterior. Este tutorial demostró los métodos para navegar la página a otra página usando JavaScript.