ventana.Propiedades del objeto de ubicación | Explicado

El modelo de objeto del navegador se conoce más comúnmente como BOM es un modelo de objeto que JavaScript utiliza para comunicarse con el navegador. Bom contiene objetos que descubren las funcionalidades de un navegador web. Hay muchos objetos significativos que forman parte del modelo de objeto del navegador (BOM), como el objeto Historial, el objeto de pantalla, el objeto de ubicación, el objeto de navegación, etc. Estos objetos consisten en muchas propiedades y métodos. Sin embargo, este artículo está diseñado para resaltar las propiedades del Objeto de ubicación.

Antes de saltar directamente a las propiedades del Objeto de ubicación, Primero entendamos qué es un objeto de ubicación.

Objeto de ubicación

El objeto de ubicación consta de la información relevante sobre la URL disponible y, como el objeto de documento, el objeto de historia y el objeto de pantalla, también es una propiedad del objeto de la ventana.

Sintaxis
La sintaxis del objeto de ubicación es el siguiente.

ventana.ubicación

O,

ubicación

Ejemplo
En el siguiente ejemplo, estamos utilizando la propiedad PathName del objeto de ubicación para obtener el nombre de ruta de la página web.

Producción

Usando la propiedad PathName del objeto de ubicación, hemos obtenido el nombre de ruta de la URL existente.

Ahora que tenemos una comprensión básica del objeto de ubicación, sumergamos en los detalles de las propiedades del objeto de ubicación.

Propiedades del objeto de ubicación

Las propiedades del objeto de ubicación son las siguientes.

picadillo

Se usa con el fin de obtener o establecer el ancla de la URL (incluido el hash#).

Sintaxis
La sintaxis de la propiedad hash se proporciona a continuación.

Para buscar,

ubicación.picadillo

Para establecer,

ubicación.hash = nombre de anclaje

Ejemplo
Supongamos que desea obtener la parte de anclaje de una URL utilizando la propiedad hash del objeto de ubicación.

Hoja de trucos de comando de Linux

En el ejemplo anterior, proporcionamos un enlace al atributo href del elemento, luego utilizamos la propiedad hash sobre el enlace para obtener la parte de anclaje de la URL.

documento.getElementById ("Tutorial").innerhtml = "La porción de anclaje de la URL es:"

Producción

Usando la propiedad hash del objeto de ubicación, extrajimos la parte de anclaje de la URL.

anfitrión

Se utiliza con el fin de extraer el nombre de host y el número de puerto de la URL.

Sintaxis
La sintaxis de la propiedad del host se proporciona a continuación.

Para buscar el anfitrión de la URL,

ubicación.anfitrión

Para establecer el anfitrión de la URL,

ubicación.host = nuevo host: nuevo puerto

Ejemplo
Supongamos que desea obtener el nombre de host de la URL existente utilizando la propiedad del host del objeto de ubicación.

En el ejemplo anterior, estamos obteniendo el nombre de host de la URL disponible utilizando la siguiente pieza de código.

Dejar host = ubicación.anfitrión;
documento.getElementById ("Tutorial").innerhtml = host;

Producción

Uso de la propiedad de host del objeto de ubicación El nombre de host y el número de puerto de la URL existente se ha obtenido.

nombre de host

Se usa para obtener el nombre de host de la URL.

Sintaxis
La sintaxis de la propiedad del nombre de host se proporciona a continuación.

Para obtener el nombre de host de la URL,

ubicación.nombre de host

Para establecer el nombre de host de la URL,

ubicación.hostname = nuevo nombre de host

Ejemplo
Supongamos que desea extraer el nombre de host de la URL en mano.

En el ejemplo anterior, la propiedad del nombre de host del objeto de ubicación se usó para obtener el nombre de host de la URL disponible.

Let HostName = ubicación.nombre de host;
documento.getElementById ("Tutorial").innerhtml = hostname;

Producción

Uso de la propiedad del nombre de host del objeto de ubicación El nombre de host de la URL actual se ha obtenido.

href

Se usa con el fin de obtener o establecer la URL completa.

Sintaxis
La sintaxis de la propiedad href se proporciona a continuación.

Para extraer el href de la URL,

ubicación.href

Para establecer el href de la URL,

ubicación.href = nueva URL

Ejemplo
Supongamos que desea extraer la URL completa de la página web existente.

En el ejemplo anterior, utilizando la propiedad href del objeto de ubicación, se está obteniendo la URL completa de la página web en la mano.

Deje URL = ubicación.href;
documento.getElementById ("Tutorial").innerhtml = url;

Producción

La URL completa de la página web actual se ha extraído utilizando la propiedad HREF del objeto de ubicación.

origen

Se utiliza con el fin de obtener el nombre de host, el número de puerto y el protocolo de la URL.

Sintaxis
La sintaxis de la propiedad de origen es la siguiente.

ubicación.origen

Ejemplo
Supongamos que desea obtener el protocolo, el nombre de host y el número de puerto de la URL actual.

En el ejemplo anterior, el origen (protocolo, nombre de host y el número de puerto) de la URL actual se está recuperando utilizando la propiedad de origen del objeto de ubicación.

Sea origen = ubicación.origen;
documento.getElementById ("Tutorial").innerhtml = origen;

Producción

La salida muestra el protocolo, el nombre de host y el número de puerto de la URL disponible.

nombre de ruta

Se usa con el fin de extraer o configurar el nombre de ruta de la URL.

Sintaxis
La sintaxis de la propiedad PathName es la siguiente.

Para buscar el nombre de ruta de la URL,

ubicación.nombre de ruta

Para establecer el nombre de ruta de la URL,

ubicación.PathName = nuevo nombre de ruta

Ejemplo
Supongamos que desea extraer el nombre de ruta de la URL actual.

En el ejemplo anterior, el nombre de ruta de la URL existente se extrae utilizando la propiedad PathName del objeto de ubicación.

Let Path = Ubicación.nombre de ruta;
documento.getElementById ("Tutorial").innerhtml = ruta;

Producción

Usando la propiedad PathName del objeto de ubicación, el nombre de ruta de la URL existente se ha obtenido.

puerto

Se utiliza con el fin de extraer o configurar el número de puerto de la URL.

Sintaxis
La sintaxis de la propiedad del puerto es la siguiente.

Para buscar el puerto de la URL,

ubicación.puerto

Para configurar el puerto de la URL,

ubicación.puerto = nuevo número de puerto

Ejemplo
En el siguiente ejemplo, el número de puerto de la página web actual se está extrayendo.

En el ejemplo anterior, utilizando la propiedad del puerto del objeto de ubicación, se está extrayendo el número de puerto de la página web actual.

Sea puerto = ubicación.puerto;
documento.getElementById ("Tutorial").innerhtml = "El número de puerto de la página web actual es:" + puerto;

Producción

El número de puerto de la página web actual se ha obtenido y se ha mostrado en la salida.

protocolo

Se usa con el fin de obtener o establecer el protocolo de la URL.

Sintaxis
La sintaxis de la propiedad del protocolo es la siguiente.

Para extraer el puerto de la URL,

ubicación.protocolo

Para configurar el puerto de la URL,

ubicación.Protocolo = nuevo protocolo

Ejemplo
En el siguiente ejemplo, el protocolo de la URL disponible se está recuperando.

La siguiente pieza de código obtiene el protocolo de la URL actual.

Dejar protocolo = ubicación.protocolo;
documento.getElementById ("Tutorial").innerhtml = protocolo;

Producción

Se ha extraído el protocolo de la URL presente.

buscar

Se usa con el fin de obtener o establecer la consulta de la URL.

Sintaxis
La sintaxis de la propiedad de búsqueda es la siguiente.

Para extraer la búsqueda de la URL,

ubicación.buscar

Para establecer la búsqueda de la URL,

ubicación.búsqueda = QueryString

Ejemplo

https: // linuxhint.com/Linux-Command-Cheat-sheet/?Respuesta = SÍ

La siguiente pieza de código obtiene la consulta de la URL.

Dejar ancla = documento.getElementById ("Linux");
Deje consultar = ancla.buscar;
documento.getElementById ("Tutorial").innerhtml = "La parte de búsqueda de la URL es:" + consulta;

Producción

La cadena de consulta de la URL se ha extraído.

Conclusión

El objeto de ubicación consta de la información relevante sobre la URL disponible y, al igual que el objeto de documento, también es una propiedad del objeto de la ventana. Consiste en muchas propiedades como hash, host, nombre de host, nombre de ruta, etc. Estas propiedades tienen diferentes propósitos que se destacan en esta publicación junto con ejemplos adecuados.