JavaScript-ikkuna

Sisällysluettelo

    Näytä sisällysluettelo

BOM (Browser Object Model) sallii JavaScriptin "puhua" selain.

BOM (Browser Object Model)

Bselaimen O-objektille ei ole virallisia standardeja Mmalli (BOM).

Koska nykyaikaiset selaimet ovat ottaneet käyttöön (melkein) samat menetelmät ja JavaScript-interaktiivisuuden ominaisuuksia, sitä kutsutaan usein menetelmiksi ja BOM:n ominaisuudet.

Ikkuna-objekti

Kaikki selaimet tukevat ikkuna-objektia. Se edustaa selaimen ikkunasta.

Kaikista globaaleista JavaScript-objekteista, funktioista ja muuttujista tulee automaattisesti ikkunaobjektin jäseniä.

Globaalit muuttujat ovat ikkunaobjektin ominaisuuksia.

Globaalit funktiot ovat ikkunaobjektin menetelmiä.

Jopa dokumenttiobjekti (HTML DOM:n) on ikkunan ominaisuus esine:

window.document.getElementById("header");

on sama kuin:

document.getElementById("header");

Ikkunan koko

Selaimen koon määrittämiseen voidaan käyttää kahta ominaisuutta ikkuna.

Molemmat ominaisuudet palauttavat koot pikseliä:

  • window.innerHeight - selainikkunan sisäkorkeus (pikseleinä)

  • window.innerWidth - selainikkunan sisäleveys (pikseleinä)

Selainikkuna (selaimen näkymä) EI sisällä työkalurivejä ja vierityspalkkeja.

Esimerkki

let w = window.innerWidth;
let h = window.innerHeight;

Kokeile itse →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Window</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"Browser inner window width: " + window.innerWidth + "px<br>" +
"Browser inner window height: " + window.innerHeight + "px";
</script>

</body>
</html>

Muut ikkunamenetelmät

Jotkut muut menetelmät:

  • window.open() - avaa uusi ikkuna

  • window.close() - sulje nykyinen ikkuna

  • window.moveTo() - siirrä nykyinen ikkuna

  • window.resizeTo() - muuta nykyisen ikkunan kokoa