Okno JavaScript

Obsah

Objektový model prohlížeče (BOM) umožňuje JavaScriptu „mluvit“ prohlížeče.

Objektový model prohlížeče (BOM)

Pro Browser Objekt neexistují žádné oficiální standardy Model (BOM).

Protože moderní prohlížeče implementovaly (téměř) stejné metody a vlastnosti pro interaktivitu JavaScriptu, je často označován jako metody a vlastnosti kusovníku.

Objekt okna

Objekt window podporují všechny prohlížeče. Reprezentuje okno prohlížeče.

Všechny globální objekty, funkce a proměnné JavaScriptu se automaticky stanou členy objektu okna.

Globální proměnné jsou vlastnosti objektu okna.

Globální funkce jsou metody objektu okna.

Dokonce i objekt dokumentu (HTML DOM) je vlastností okna objekt:

window.document.getElementById("header");

je stejné jako:

document.getElementById("header");

Velikost okna

K určení velikosti prohlížeče lze použít dvě vlastnosti okno.

Obě vlastnosti vrátí velikosti v pixely:

window.innerHeight - vnitřní výška okna prohlížeče (v pixelech)
window.innerWidth - vnitřní šířka okna prohlížeče (v pixelech)

Okno prohlížeče (výřez prohlížeče) NEOBSAHUJE panely nástrojů a posuvníky.

Příklad

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

Zkuste to sami →

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

Jiné metody oken

Některé další metody:

window.open() - otevřete nové okno
window.close() - zavře aktuální okno
window.moveTo() - přesunutí aktuálního okna
window.resizeTo() - změna velikosti aktuálního okna