Modello a oggetti del browser | Spiegato

Browser Object Model aka Bom è un modello a oggetti che JavaScript utilizza per comunicare con il browser. Bom può essere pensato come un contenitore di oggetti che scoprono le funzionalità di un browser web.

Quando un browser accede a un documento genera un oggetto indicato come oggetto documento che contiene tutte le informazioni pertinenti sul documento e come dovrebbe apparire sul browser. Oltre all'oggetto del documento, un browser utilizza un'enorme quantità di oggetti e questa vasta raccolta di oggetti viene definita modello di oggetti browser (BOM).

Questo modello non segue alcuna serie specifica di standard ma è implementato da quasi tutti i browser. Gli oggetti significativi che fanno parte del modello di oggetti del browser (BOM) sono;

1. Documento
2. Storia
3. Schermo
4. Navigatore
5. Posizione
6. Cornici

Gli oggetti del browser sono classificati in un certo ordine che BOM utilizza per scoprire le funzionalità di un browser web. Oggetto finestra che indica la finestra del browser, è l'oggetto ombrello di BOM e il resto degli oggetti rientra nell'oggetto della finestra. Qui l'oggetto della finestra è stato spiegato in dettaglio.

Oggetto della finestra

Un oggetto della finestra indica la finestra del browser ed è costituito da tutti gli altri oggetti del browser. Tutti i browser supportano l'oggetto finestra. L'oggetto finestra specifica alcune proprietà e metodi che gestiscono le funzionalità del browser Web.

L'oggetto finestra è un oggetto globale che consiste da oggetti Javascript globali, variabili (proprietà dell'oggetto finestra) e funzioni (metodi dell'oggetto finestra). Alcuni dei metodi degli oggetti della finestra sono.

mettere in guardia()

Viene utilizzato per visualizzare una casella di avviso con un pulsante OK nella schermata della finestra.

finestra.mettere in guardia()

Confermare()

Viene utilizzato per visualizzare una casella di conferma con un pulsante OK e Annulla nella schermata della finestra.

finestra.Confermare()

richiesta()

Viene utilizzato per visualizzare una finestra di dialogo che ha lo scopo di prendere input dall'utente.

finestra.richiesta()

aprire()

È usato per aprire una nuova finestra.

finestra.aprire()

vicino()

È usato per chiudere una finestra.

finestra.vicino()

setTimeout ()

Viene utilizzato per eseguire determinate azioni dopo un tempo specifico.

finestra.setTimeout ()

Ora che abbiamo una buona comprensione dell'oggetto della finestra, impariamo ad altri importanti oggetti BOM.

Oggetto documentazione

L'oggetto document che è una parte fondamentale del modello di oggetti browser (BOM) include tutti gli elementi di una pagina Web come i tag HTML. Questo oggetto viene utilizzato per indicare una pagina Web che è stata aperta nel browser, inoltre, è una proprietà dell'oggetto della finestra.

Sintassi

La sintassi dell'oggetto documento è riportata di seguito.

finestra.documento

O,

documento

Esempio

Produzione

Oggetto di cronologia

L'oggetto cronologia indica la cronologia di navigazione Web di un utente sotto forma di array costituiti dagli URL che l'utente ha visitato. Questo oggetto viene utilizzato per caricare le pagine Web.

Sintassi

La sintassi dell'oggetto cronologia è la seguente.

finestra.storia

O,

storia

Come l'oggetto della finestra, l'oggetto cronologia contiene anche alcune proprietà e metodi discussi di seguito.

Proprietà

L'oggetto cronologia JavaScript è costituito solo da una proprietà che è la seguente.

lunghezza

La proprietà di lunghezza dell'oggetto cronologia viene utilizzata allo scopo di restituire la lunghezza degli URL visitati.

storia.lunghezza

Metodi

L'oggetto cronologia JavaScript è costituito dai seguenti metodi.

inoltrare()

Viene utilizzato allo scopo di caricare la pagina successiva. Ha la seguente sintassi.

storia.inoltrare()

Indietro()

È usato allo scopo di caricare la pagina precedente. Ha la seguente sintassi.

storia.Indietro()

andare()

Viene utilizzato allo scopo di caricare una pagina utilizzando il numero di pagina. Ha la seguente sintassi.

storia.andare()

Oggetto dello schermo

L'oggetto dello schermo contiene tutte le informazioni pertinenti riguardanti lo schermo del browser come altezza, larghezza, colordepth, disponibilità, ecc.

Sintassi

La sintassi dell'oggetto dello schermo è riportata di seguito.

finestra.schermo

O,

schermo

L'oggetto dello schermo è costituito da alcune proprietà che sono spiegate di seguito.

Proprietà

Le proprietà dell'oggetto dello schermo sono le seguenti.

larghezza

Viene utilizzato per recuperare la larghezza dello schermo.

schermo.larghezza

altezza

È usato allo scopo di recuperare l'altezza dello schermo.

schermo.altezza

Disponibile

È usato allo scopo di recuperare la larghezza corrente.

schermo.Disponibile

Disponibile

È usato allo scopo di restituire l'altezza corrente.

schermo.Disponibile

profondità di colore

È usato allo scopo di visualizzare la profondità del colore.

schermo.profondità di colore

pixeldepth

È usato allo scopo di visualizzare la profondità del pixel.

schermo.pixeldepth

Oggetto di posizione

L'oggetto di posizione è costituito dalle informazioni pertinenti sull'URL disponibile e sugli oggetti di documento, cronologia e schermo, è anche una proprietà dell'oggetto finestra.

Sintassi

La sintassi dell'oggetto di posizione è fornita qui.

finestra.posizione

O,

posizione

Proprietà

Le proprietà dell'oggetto di posizione sono evidenziate di seguito

hash

Viene utilizzato allo scopo di restituire o impostare l'ancora dell'URL.

posizione.hash

ospite

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

posizione.ospite

Nome host

È usato allo scopo di recuperare il nome host dell'URL.

posizione.Nome host

Href

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

posizione.Href

origine

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

posizione.origine

Pathname

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

posizione.Pathname

porta

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

posizione.porta

protocollo

Viene utilizzato allo scopo di restituire o impostare il protocollo dell'URL.

posizione.protocollo

ricerca

Viene utilizzato allo scopo di restituire o impostare la querystring dell'URL.

posizione.ricerca

Metodi

L'oggetto di posizione ha il seguente set di metodi.

assegnare()

Viene utilizzato allo scopo di caricare un nuovo documento.

posizione.assegnare()

ricaricare()

È utilizzato allo scopo di ricaricare il documento a portata di mano.

posizione.ricaricare()

sostituire()

Viene utilizzato allo scopo di sostituire il presente documento con un nuovo documento.

posizione.sostituire()

Conclusione

Browser Object Model aka Bom è un modello a oggetti che JavaScript utilizza per comunicare con il browser ed è considerato un contenitore di oggetti che scoprono le funzionalità di un browser web. BOM non segue alcuna serie specifica di standard ma è implementato da quasi tutti i browser. Oggetti BOM significativi insieme alle proprietà e ai metodi che questi oggetti comprendono sono spiegati in profondità in questo articolo.