Finestra JavaScript - Il modello a oggetti del browser
Il Browser Object Model (BOM) consente a JavaScript di "parlare" con il browser.
Il modello a oggetti del browser (BOM)
Non ci sono standard ufficiali per il B rower O bject Model (BOM).
Poiché i browser moderni hanno implementato (quasi) gli stessi metodi e proprietà per l'interattività JavaScript, viene spesso indicato come metodi e proprietà della distinta base.
L'oggetto finestra
L' window
oggetto è supportato da tutti i browser. Rappresenta la finestra del browser.
Tutti gli oggetti, le funzioni e le variabili JavaScript globali diventano automaticamente membri dell'oggetto finestra.
Le variabili globali sono proprietà dell'oggetto finestra.
Le funzioni globali sono metodi dell'oggetto finestra.
Anche l'oggetto documento (del DOM HTML) è una proprietà dell'oggetto finestra:
window.document.getElementById("header");
equivale a:
document.getElementById("header");
Dimensioni della finestra
È possibile utilizzare due proprietà 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 include barre degli strumenti e barre di scorrimento.
Esempio
let w = window.innerWidth;
let h = window.innerHeight;
Altri metodi di finestra
Alcuni altri metodi:
window.open()
- apri una nuova finestrawindow.close()
- chiude la finestra correntewindow.moveTo()
- sposta la finestra correntewindow.resizeTo()
- ridimensiona la finestra corrente