JavaScript Window - selainobjektipohja

Selaimen objektimalli (Browser Object Model (BOM) mahdollistaa JavaScriptin vuorovaikutuksen selaimen kanssa.

Selaimen objektimalli (Browser Object Model (BOM))

Ei ole virallista standardia selaimen objektimallista (BOM).

Nykyiset selaimet ovat (melkein) toteuttaneet samat metodit ja ominaisuudet JavaScriptin interaktiivisuuden osalta, joten ne mainitaan usein BOM:n menetelmien ja ominaisuuksien osalta.

Window-objekti

Kaikki selaimet tukevat window Objekti. Se edustaa selaimen ikkunaa.

Kaikki yleiset JavaScript-objektit, funktiot ja muuttujat tulevat automaattisesti window-objektin jäseniksi.

Yleiset muuttujat ovat window-objektin ominaisuudet.

Yleiset funktiot ovat window-objektin menetelmä.

Vaikka (HTML DOM:n) document-objekti on myös window-objektin ominaisuus:

window.document.getElementById("header");

Tämä on sama kuin:

document.getElementById("header");

Ikkunamittat

Nämä kaksi ominaisuutta voidaan käyttää selainikkunan mittojen määrittämiseen.

Nämä kaksi ominaisuutta palauttavat mitat pikseleissä:

  • window.innerHeight - selainikkunan sisäkorkeus (pikseleissä)
  • window.innerWidth - selainikkunan sisäleveys (pikseleissä)

Selausikkuna (selaimen näyttöikkuna) ei sisällä työkalupalkkia ja vierityspalkkeja.

Internet Explorer 8, 7, 6, 5：

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

tai

  • document.body.clientHeight
  • document.body.clientWidth

Käytännöllinen JavaScript-ratkaisu (kaikki selaimet mukaan lukien):

Esimerkki

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

Kokeile itse

Tämä esimerkki näyttää selaimen ikkunan korkeuden ja leveyden (ei työkalupalkkia eikä roolilistaa)

Muut ikkunametodit

Muut metodit:

  • window.open() - avaa uuden ikkunan
  • window.close() - sulje nykyinen ikkuna
  • window.moveTo() - siirtää nykyisen ikkunan
  • window.resizeTo() - säätää nykyisen ikkunan kokoa