JavaScript vindue

Indholdsfortegnelse

    Vis indholdsfortegnelse

Browser Object Model (BOM) tillader JavaScript at "tale med" browseren.

Browser Object Model (BOM)

Der er ingen officielle standarder for Browser Objektet Model (BOM).

Siden moderne browsere har implementeret (næsten) de samme metoder og egenskaber for JavaScript-interaktivitet, omtales det ofte, som metoder og egenskaberne for styklisten.

Vinduesobjektet

window-objektet understøttes af alle browsere. Det repræsenterer browserens vindue.

Alle globale JavaScript-objekter, -funktioner og -variabler bliver automatisk medlemmer af vinduesobjektet.

Globale variabler er egenskaber for vinduesobjektet.

Globale funktioner er metoder til vinduesobjektet.

Selv dokumentobjektet (i HTML DOM) er en egenskab for vinduet objekt:

window.document.getElementById("header");

er det samme som:

document.getElementById("header");

Vindues størrelse

To egenskaber kan bruges til at bestemme størrelsen af browseren vindue.

Begge ejendomme returnerer størrelserne ind pixels:

  • window.innerHeight - den indre højde af browservinduet (i pixels)

  • window.innerWidth - browservinduets indre bredde (i pixels)

Browservinduet (browservisningsporten) inkluderer IKKE værktøjslinjer og rullepaneler.

Eksempel

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

Prøv det selv →

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

Andre vinduesmetoder

Nogle andre metoder:

  • window.open() - åbn et nyt vindue

  • window.close() - luk det aktuelle vindue

  • window.moveTo() - flyt det aktuelle vindue

  • window.resizeTo() - tilpas størrelsen på det aktuelle vindue