Siendo un desarrollador de JavaScript, a menudo necesitamos obtener la URL de la página actual para hacer algunas tareas de acuerdo con nuestras necesidades. En este artículo, vamos a aprender cómo podemos obtener la URL actual, saber cuál es su sintaxis y cómo podemos extraer diferentes piezas usando la ventana incorporada.Objeto de ubicación.
A continuación se muestra la forma más simple y directa de obtener la URL de la página actual:
ventana.ubicación.hrefPero, si echamos un vistazo a la ventana.Ubicación En la consola del desarrollador, se muestra a continuación:
Podemos observar lo que tiene para nosotros. Podríamos recibir una buena cantidad de información desde la ventana.Objeto de ubicación. Por ejemplo:
Ejemplos
Si queremos obtener solo el protocolo, como HTTP o HTTPS, de toda la URL, podemos obtenerlo usando la ventana muy simple.ubicación.Protocolo, como la imagen a continuación:
ventana.ubicación.protocoloY si queremos obtener el nombre de host de la URL, simplemente podemos obtenerlo usando la ventana.loacro.anfitrión.
ventana.ubicación.anfitriónY de manera similar, si queremos obtener solo el nombre de ruta, podemos obtenerlo usando la ventana.ubicación.nombre de ruta.
ventana.ubicación.nombre de rutaPara obtener la consulta de búsqueda, podemos usar la ventana.ubicación.buscar.
ventana.ubicación.buscarEntonces, estas son básicamente algunas de las formas de obtener la URL actual y extraer algunas partes específicas de acuerdo con nuestros requisitos. Además, ventana.La ubicación tiene muchas otras opciones para nosotros.
Conclusión
En este artículo, hemos aprendido sobre la ventana.Objeto de ubicación, cómo podemos usarla para obtener la URL actual y extraer algunas partes específicas de eso. Entonces, sigue aprendiendo, trabajando y obteniendo experiencia en JavaScript con Linuxhint.com para tener un mejor agarre sobre él. Muchas gracias.