Javascript Obtener Url

| | |

El valor window.location representa la URL actual que está viendo en su navegador. Puede reemplazar este valor para ir a otra URL en JavaScript. Esto es √∫til si desea redirigir a un usuario a otra página. También puede utilizar los métodos asignar () o reemplazar ().

Hay un par de razones por las que puede querer redirigir a un usuario a un sitio web diferente o un nombre de ruta actualizado. En la mayorìa de los casos, es posible que desee redireccionar en funciòn de la autorizaciòn & ndash; si un cliente ha iniciado sesiòn en un sitio. En este artìculo, echamos un vistazo a còmo hacer eso en una página web usando JavaScript.

JavaScript Ir a URL

La API del historial del navegador de JavaScript le permite ir a una nueva URL . Puede usar los siguientes métodos para navegar a una nueva URL:

  • Asignar un nuevo valor a window.location.
  • Usando el método window.assign ().
  • Usando el método window.replace ().

Todos estos tres métodos logran el objetivo de navegar a otra URL por igual. Echemos un vistazo a cada uno de estos métodos.

JavaScript window.location Value

Para navegar a una nueva URL, use el objeto de ubicaciòn de la API del historial del navegador. El historial de sesiones le permite reasignar el objeto de ubicaciòn a una nueva URL o usar la propiedad href en ese mismo objeto.

La sintaxis para este enfoque es:

" url " representa la URL que desea que visite el usuario. Cuando se ejecuta esta lìnea de còdigo, se inicia una redirecciòn de JavaScript. Esto cambia la página que el usuario ve en su navegador web.

Echemos un vistazo a este método en forma de ejemplo:

Cuando se ejecuta la funciòn handleClick (), nuestro còdigo registrará una declaraciòn en la consola de JavaScript . Luego, nuestro còdigo nos redirigirá a una nueva URL.

JavaScript window.location.assign ()

El objeto de ubicaciòn tiene un método de redireccionamiento llamado assign (). Este método asigna el URL con la URL asignada y agréguela a la pila de historial.

La pila de historial representa las páginas que ha visto (piense en la " flecha hacia atrás " que le permite retroceder una página).

Considere la siguiente sintaxis:

A diferencia del √∫ltimo ejemplo, no necesitamos asignar ning√∫n valor a una variable JavaScript (window.location). En su lugar, utilizamos un método para cambiar la página web que ve el usuario.

La pila del historial es còmo el navegador recuerda dònde debe ir un botòn de retroceso o un botòn de avance.

Vamos a echa un vistazo a un examen completo ple de este método:

Si desea redirigir a una página diferente en el mismo sitio, utilice la propiedad de nombre de ruta en el objeto de ubicaciòn:

JavaScript window.location.replace ( )

Tiene la capacidad de controlar si el usuario puede usar el botòn Atrás para volver al sitio anterior.

Con el método replace (), puede navegar a un usuario a un sitio y evitar que regresen a la página anterior. El método assign (), por otro lado, guarda la página que estaba viendo anteriormente en el historial de su navegador. Entonces, con assign () puedes ver la √∫ltima página en la que estabas.

Echemos un vistazo al método replace ():

Al igual que assign (), replace () es un método. Este método acepta un argumento: A la URL a la que desea dirigir al usuario.

Podemos usar el método replace () con una funciòn personalizada para cambiar la URL que ve el usuario cuando se ejecuta el método:

Utilice este Repl.it para jugar con los diferentes métodos para redirigir a una URL de su elecciòn. Puede usar el botòn Ejecutar para restablecer el còdigo al valor predeterminado.

Conclusiòn

Hay tres formas de ir a una URL en JavaScript: usando window.location, el método window.location.assign () o window.location. método replace ().

¿Desea obtener más informaciòn sobre JavaScript? Consulte nuestra guìa de còmo aprender JavaScript . Esta guìa contiene los mejores consejos sobre còmo aprender JavaScript y una lista de recursos de aprendizaje completos para desarrolladores principiantes e intermedios.

Javascript Obtener Url iat: Questions

Javascript Obtener Url JavaScript: Questions

Shop

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Best laptop for Minecraft

$590

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method