Model de Obiecte Browser (BOM) permite JavaScript pentru a "talk to" browser - ul.
Modelul Object Browser (BOM)
Nu există standarde oficiale pentru modelul Object Browser (BOM) .
Deoarece browserele moderne au pus în aplicare (almost) aceleași metode și proprietăți pentru interactivitate JavaScript, este adesea menționată, ca metode și proprietăți ale BOM.
Window Object
window obiect este suportat de toate browserele. Aceasta reprezintă fereastra browser-ului.
Toate obiectele globale JavaScript, funcțiile și variabilele devin automat membri ai obiectului ferestrei.
Variabilele globale sunt proprietăți ale obiectului ferestrei.
Funcții globale sunt metode ale obiectului ferestrei.
Chiar și obiectul documentului (of the HTML DOM) este o proprietate a obiectului ferestrei:
window.document. getElementById("header") ;
este la fel ca:
document. getElementById("header") ;
Dimensiunea ferestrei
Două proprietăți pot fi utilizate pentru a determina dimensiunea ferestrei browser-ului.
Ambele proprietăți reveni dimensiunile în pixeli:
- window.innerHeight - înălțimea interioară a ferestrei browser - ului (in pixels)
- window.innerWidth - lățimea interioară a ferestrei browser - ului (in pixels)
Fereastra de browser (the browser viewport) NU este , inclusiv barele de instrumente și barele de derulare.
Pentru Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
O soluție practică JavaScript (covering all browsers) care (covering all browsers) :
Exemplu
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Încearcă - l singur » Exemplul afișează înălțimea și lățimea ferestrei browser - ului: (NOT including toolbars/scrollbars) de (NOT including toolbars/scrollbars)
Alte Window Metode
Alte metode:
- window. open() window. open() - deschide o fereastră nouă
- window. close() window. close() - închide fereastra curentă
- window. moveTo() window. moveTo() -move fereastra curentă
- window. resizeTo() window. resizeTo() -resize fereastra curentă