Usando el objeto window.location
Una forma común de obtener la URL de la página actual en JavaScript es utilizando el objeto window.location. Este objeto proporciona información sobre la URL actual y tiene varias propiedades que podemos utilizar para obtener diferentes partes de la URL.
La propiedad más utilizada es window.location.href, que devuelve la URL completa de la página actual. Por ejemplo, si la URL de la página actual es «https://www.example.com/index.html», podemos obtenerla utilizando el siguiente código:
«`javascript
var currentUrl = window.location.href;
«`
La variable currentUrl ahora contendrá la URL completa de la página actual.
Además de href, el objeto window.location también tiene otras propiedades útiles, como protocol (que devuelve el protocolo utilizado, como «http:» o «https:»), hostname (que devuelve el nombre del host, como «www.example.com»), port (que devuelve el número de puerto utilizado, si está especificado), pathname (que devuelve la ruta de la página, como «/index.html»), search (que devuelve la cadena de consulta, si está presente) y hash (que devuelve el fragmento de la URL después del símbolo «#»).
Usando el método document.URL
Otra forma de obtener la URL de la página actual es utilizando el método document.URL. Este método devuelve la URL completa de la página actual de manera similar a window.location.href. Podemos utilizarlo de la siguiente manera:
«`javascript
var currentUrl = document.URL;
«`
La variable currentUrl ahora contendrá la URL completa de la página actual.
Usando el método location.href
El objeto location también tiene una propiedad llamada href que devuelve la URL completa de la página actual. Podemos utilizarla de la siguiente manera:
«`javascript
var currentUrl = location.href;
«`
La variable currentUrl ahora contendrá la URL completa de la página actual.
Usando el método location.toString()
El objeto location también tiene un método llamado toString() que devuelve la URL completa de la página actual. Podemos utilizarlo de la siguiente manera:
«`javascript
var currentUrl = location.toString();
«`
La variable currentUrl ahora contendrá la URL completa de la página actual.
Usando el método location.pathname
Si solo estamos interesados en obtener la ruta de la página actual, podemos utilizar la propiedad pathname del objeto location. Esta propiedad devuelve la ruta de la página sin el protocolo, el nombre del host, el número de puerto, la cadena de consulta o el fragmento de la URL. Podemos utilizarla de la siguiente manera:
«`javascript
var currentPath = location.pathname;
«`
La variable currentPath ahora contendrá la ruta de la página actual, como «/index.html».
Hay varias formas de obtener la URL de la página actual en JavaScript. Podemos utilizar el objeto window.location y sus propiedades como href, protocol, hostname, port, pathname, search y hash. También podemos utilizar el método document.URL, la propiedad location.href, el método location.toString() o la propiedad location.pathname. Dependiendo de nuestras necesidades, podemos elegir la forma más adecuada para obtener la URL actual en JavaScript.
