Il modello Visualizzatore oggetti (BOM) permette Javascript per "parlare" il browser.
Il modello Visualizzatore oggetti (BOM)
Non ci sono standard ufficiali per il modello Visualizzatore oggetti (BOM).
Dal momento che i browser moderni hanno messo in atto (quasi) gli stessi metodi e proprietà per l'interattività JavaScript, che è spesso definito, come i metodi e le proprietà della distinta base.
La Window Object
La window oggetto è supportato da tutti i browser. Esso rappresenta la finestra del browser.
Tutti gli oggetti globali JavaScript, funzioni e le variabili diventano automaticamente membri dell'oggetto finestra.
Le variabili globali sono proprietà dell'oggetto finestra.
funzioni globali sono metodi dell'oggetto finestra.
Anche l'oggetto documento (del DOM HTML) è una proprietà dell'oggetto window:
window.document.getElementById("header");
equivale a:
document.getElementById("header");
Dimensioni finestra
Due proprietà possono essere utilizzate per determinare la dimensione della finestra del browser.
Entrambe le proprietà restituiscono le dimensioni in pixel:
- window.innerHeight - l'altezza interna della finestra del browser (in pixel)
- window.innerWidth - la larghezza interna della finestra del browser (in pixel)
La finestra del browser (la finestra del browser) non sta comprendendo le barre degli strumenti e le barre di scorrimento.
Per Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Una soluzione pratica JavaScript (che copre tutti i browser):
Esempio
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Prova tu stesso " L'esempio mostra l'altezza della finestra del browser e larghezza: (non compresi barre degli strumenti / barre di scorrimento)
Altre Window metodi
Alcuni altri metodi:
- window.open() - apre una nuova finestra
- window.close() - chiudere la finestra corrente
- window.moveTo() -Spostare la finestra corrente
- window.resizeTo() -resize la finestra corrente