JavaScript ablak

Tartalomjegyzék

    Tartalomjegyzék megjelenítése

A böngészőobjektum-modell (BOM) lehetővé teszi, hogy a JavaScript „beszéljen vele” a böngészőt.

A böngészőobjektum modell (BOM)

Nincsenek hivatalos szabványok aBrowser Object számára Mmodell (BOM).

Mivel a modern böngészők (majdnem) ugyanazokat a módszereket és tulajdonságok a JavaScript interaktivitáshoz, gyakran nevezik metódusoknak és a BOM tulajdonságait.

Az ablak objektum

A window objektumot minden böngésző támogatja. Ez reprezentálja a böngésző ablaka.

Minden globális JavaScript objektum, függvény és változó automatikusan válik az ablak objektum tagjai.

A globális változók az ablak objektum tulajdonságai.

A globális függvények az ablak objektum metódusai.

Még a dokumentum objektum is (a HTML DOM-ban) az ablak tulajdonsága tárgy:

window.document.getElementById("header");

ugyanaz mint:

document.getElementById("header");

Ablak mérete

A böngésző méretének meghatározásához két tulajdonság használható ablak.

Mindkét tulajdonság visszaadja a méreteket pixelek:

  • window.innerHeight - a böngészőablak belső magassága (képpontban)

  • window.innerWidth - a böngészőablak belső szélessége (képpontban)

A böngésző ablaka (a böngésző nézete) NEM tartalmazza az eszköztárakat és a görgetősávokat.

Példa

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

Próbálja ki Ön is →

<!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>

Egyéb ablakmódszerek

Néhány egyéb módszer:

  • window.open() - új ablak megnyitása

  • window.close() - az aktuális ablak bezárása

  • window.moveTo() - az aktuális ablak áthelyezése

  • window.resizeTo() - az aktuális ablak átméretezése