finestra.Posizione Proprietà oggetto | Spiegato

Modello oggetto browser più comunemente indicato come bom è un modello a oggetti utilizzato da JavaScript per comunicare con il browser. BOM contiene oggetti che scoprono le funzionalità di un browser web. Esistono molti oggetti significativi che fanno parte del modello di oggetti del browser (BOM), come oggetto cronologia, oggetto dello schermo, oggetto di posizione, oggetto di navigazione, ecc. Questi oggetti consistono in molte proprietà e metodi. Questo articolo, tuttavia, è progettato per evidenziare le proprietà del Oggetto di posizione.

Prima di saltare direttamente alle proprietà del Oggetto di posizione, Comprendiamo prima cos'è un oggetto di posizione.

Oggetto di posizione

L'oggetto di posizione è costituito dalle informazioni pertinenti sull'URL disponibile e l'oggetto document, la cronologia e l'oggetto dello schermo, è anche una proprietà dell'oggetto finestra.

Sintassi
La sintassi dell'oggetto di posizione è la seguente.

finestra.posizione

O,

posizione

Esempio
Nel seguente esempio, stiamo usando la proprietà PathName dell'oggetto Posizione per recuperare il percorso della pagina Web.

Produzione

Usando la proprietà Pathname dell'oggetto Posizione abbiamo recuperato il percorso dell'URL esistente.

Ora che abbiamo una comprensione di base dell'oggetto di posizione, immergiamoti nei dettagli delle proprietà dell'oggetto di posizione.

Proprietà dell'oggetto di posizione

Le proprietà dell'oggetto di posizione sono le seguenti.

hash

Viene utilizzato allo scopo di recuperare o impostare l'ancora dell'URL (incluso l'hash#).

Sintassi
La sintassi della proprietà hash è riportata di seguito.

Per recuperare,

posizione.hash

Per l'impostazione,

posizione.hash = anchor-name

Esempio
Supponiamo di voler ottenere la parte di ancoraggio di un URL utilizzando la proprietà hash dell'oggetto di posizione.

Cheat sheet di comando Linux

Nell'esempio sopra, abbiamo fornito un collegamento all'attributo HREF dell'elemento, quindi abbiamo usato la proprietà hash sul collegamento per ottenere la parte di ancoraggio dell'URL.

documento.getElementById ("Tutorial").InnerHtml = "La porzione di ancoraggio dell'URL è:"

Produzione

Usando la proprietà hash dell'oggetto di posizione abbiamo estratto la porzione di ancoraggio dell'URL.

ospite

È usato allo scopo di estrarre il nome host e il numero di porta dell'URL.

Sintassi
La sintassi della proprietà host è riportata di seguito.

Per recuperare l'ospite dell'URL,

posizione.ospite

Per impostare l'ospite dell'URL,

posizione.host = nuovo host: nuova porta

Esempio
Supponiamo di voler recuperare il nome host dell'URL esistente utilizzando la proprietà host dell'oggetto di posizione.

Nell'esempio sopra, stiamo ottenendo il nome host dell'URL disponibile utilizzando il seguente pezzo di codice.

Let host = posizione.ospite;
documento.getElementById ("Tutorial").InnerHtml = host;

Produzione

Utilizzando la proprietà host dell'oggetto di posizione il nome host e il numero di porta dell'URL esistente sono stati recuperati.

Nome host

Viene utilizzato per recuperare il nome host dell'URL.

Sintassi
La sintassi della proprietà hostname è fornita di seguito.

Per recuperare il nome host dell'URL,

posizione.Nome host

Per l'impostazione del nome host dell'URL,

posizione.hostname = nuovo nome host

Esempio
Supponiamo che tu voglia estrarre il nome host dell'URL a portata di mano.

Nell'esempio sopra, la proprietà del nome host dell'oggetto di posizione è stata utilizzata per ottenere il nome host dell'URL disponibile.

Let hostname = posizione.Nome host;
documento.getElementById ("Tutorial").InnerHtml = hostname;

Produzione

Utilizzando la proprietà host dell'oggetto di posizione Il nome host del presente URL è stato recuperato.

Href

Viene utilizzato allo scopo di recuperare o impostare l'URL completo.

Sintassi
La sintassi della proprietà HREF è riportata di seguito.

Per estrarre l'HREF dell'URL,

posizione.Href

Per impostare l'HREF dell'URL,

posizione.href = nuovo url

Esempio
Supponiamo di voler estrarre l'URL completo della pagina Web esistente.

Nell'esempio sopra, utilizzando la proprietà HREF dell'oggetto di posizione, l'URL completo della pagina Web a mano viene recuperato.

Lascia l'URL = posizione.href;
documento.getElementById ("Tutorial").InnerHtml = url;

Produzione

L'URL completo dell'attuale pagina Web è stato estratto utilizzando la proprietà HREF dell'oggetto di posizione.

origine

È utilizzato allo scopo di recuperare il nome host, il numero di porta e il protocollo dell'URL.

Sintassi
La sintassi della proprietà di origine è la seguente.

posizione.origine

Esempio
Supponiamo di voler recuperare il protocollo, il nome host e il numero di porta del presente URL.

Nell'esempio sopra, l'origine (protocollo, nome host e numero di porta) del presente URL è in fase di recupero usando la proprietà di origine dell'oggetto di posizione.

Let Origin = Posizione.origine;
documento.getElementById ("Tutorial").InnerHtml = Origin;

Produzione

L'output visualizza il protocollo, il nome host e il numero di porta dell'URL disponibile.

Pathname

Viene utilizzato allo scopo di estrarre o impostare il percorso dell'URL.

Sintassi
La sintassi della proprietà PathName è la seguente.

Per recuperare il nome di percorso dell'URL,

posizione.Pathname

Per l'impostazione del nome percorso dell'URL,

posizione.pathname = new pathname

Esempio
Supponiamo di voler estrarre il percorso del presente URL.

Nell'esempio sopra, il nome percorso dell'URL esistente viene estratto utilizzando la proprietà del percorso dell'oggetto di posizione.

Let Path = Posizione.Pathname;
documento.getElementById ("Tutorial").InnerHtml = Path;

Produzione

Utilizzando la proprietà per pathname dell'oggetto di posizione, il percorso dell'URL esistente è stato recuperato.

porta

Viene utilizzato allo scopo di estrarre o impostare il numero di porta dell'URL.

Sintassi
La sintassi della proprietà della porta è la seguente.

Per recuperare il porto dell'URL,

posizione.porta

Per l'impostazione della porta dell'URL,

posizione.porta = nuovo numero di porta

Esempio
Nel seguente esempio, il numero di porta della presente pagina Web viene estratto.

Nell'esempio sopra, utilizzando la proprietà porta dell'oggetto di posizione, viene estratto il numero di porta dell'attuale pagina Web.

Let Port = Posizione.porta;
documento.getElementById ("Tutorial").InnerHtml = "Il numero di porta della pagina Web corrente è:" + porta;

Produzione

Il numero di porta dell'attuale pagina Web è stato recuperato e mostrato nell'output.

protocollo

È usato allo scopo di recuperare o impostare il protocollo dell'URL.

Sintassi
La sintassi della proprietà del protocollo è la seguente.

Per estrarre il porto dell'URL,

posizione.protocollo

Per l'impostazione della porta dell'URL,

posizione.protocollo = nuovo protocollo

Esempio
Nel seguente esempio, il protocollo dell'URL disponibile viene recuperato.

Il seguente pezzo di codice prende il protocollo del presente URL.

let protocol = posizione.protocollo;
documento.getElementById ("Tutorial").InnerHTML = protocollo;

Produzione

Il protocollo del presente URL è stato estratto.

ricerca

È usato allo scopo di recuperare o impostare la querstring dell'URL.

Sintassi
La sintassi della proprietà di ricerca è la seguente.

Per estrarre la ricerca dell'URL,

posizione.ricerca

Per impostare la ricerca dell'URL,

posizione.Search = QueryString

Esempio

https: // linuxhint.com/linux-comand-chat-foglio/?Risposta = Sì

Il seguente pezzo di codice prende la querystring dell'URL.

Let Anchor = Document.getElementById ("Linux");
let query = ancora.ricerca;
documento.getElementById ("Tutorial").InnerHtml = "La porzione di ricerca dell'URL è:" + query;

Produzione

La corda di query dell'URL è stata estratta.

Conclusione

L'oggetto di posizione è costituito dalle informazioni pertinenti sull'URL disponibile e l'oggetto documento, è anche una proprietà dell'oggetto finestra. È costituito da molte proprietà come hash, host, nome host, percorso, ecc. Queste proprietà hanno scopi diversi che sono evidenziati in questo post insieme ad esempi adeguati.