Javascript

Cómo obtener URL actual en el navegador web usando JavaScript

Cómo obtener URL actual en el navegador web usando JavaScript

Al construir aplicaciones web, a menudo es necesario acceder y manipular la URL actual en el navegador web. JavaScript proporciona una manera simple y fácil de obtener la URL actual en el navegador, lo que puede ser útil para una amplia gama de propósitos, desde el seguimiento del comportamiento del usuario hasta la implementación de menús de navegación dinámica.

En este artículo, exploraremos cómo obtener la URL actual en el navegador web usando JavaScript. Cubriremos dos métodos: usando la ventana.Propiedad de ubicación y uso del documento.Propiedad URL.

Método 1: usando el ventana.ubicación Propiedad

El "ventana.ubicación" La propiedad proporciona información sobre la URL actual en el navegador. Esta propiedad incluye varias información sobre la URL, como el protocolo, el nombre de host, el número de puerto, la ruta y la cadena de consulta.

Para obtener la URL actual usando el "ventana.ubicación" propiedad, simplemente acceda a la propiedad y recupere el "Href" atributo. Aquí hay un fragmento de código de ejemplo:

var centreRURL = ventana.ubicación.href; consola.log (CurrentUrl);
12var centreRURL = ventana.ubicación.href; consola.log (CurrentUrl);

En este ejemplo, primero declaramos una variable llamada CurrentUrl. Luego le asignamos el valor del "ventana.ubicación.href " atributo, que contiene la URL actual. Finalmente, usamos la consola.Método de registro para imprimir la URL actual en la consola.

Método 2: usando el documento.Url Propiedad

El "documento.Url " La propiedad proporciona la URL actual del documento, incluidos el protocolo, el nombre de host, el número de puerto, la ruta y la cadena de consulta. Esta propiedad es similar a la ventana.Propiedad de ubicación, pero proporciona una forma más directa de acceder a la URL.

Para obtener la URL actual utilizando el documento.Propiedad de URL, simplemente acceda a la propiedad y recupere su valor. Aquí hay un fragmento de código de ejemplo:

var currentUrl = documento.Url; consola.log (CurrentUrl);
12var currentUrl = documento.Url; consola.log (CurrentUrl);

En este ejemplo, primero declaramos una variable llamada CurrentUrl. Luego le asignamos el valor del documento.Propiedad de URL, que contiene la URL actual. Finalmente, usamos la consola.Método de registro para imprimir la URL actual en la consola.

Conclusión

Obtener la URL actual en el navegador web utilizando JavaScript es una tarea simple y útil para los desarrolladores web. Usando la ventana.Propiedad de ubicación o el documento.Propiedad de URL, los desarrolladores pueden acceder y manipular fácilmente la URL actual para una amplia gama de propósitos. Ya sea para rastrear el comportamiento del usuario o implementar menús de navegación dinámica, saber cómo obtener la URL actual es una habilidad esencial para cualquier desarrollador web.