Brug af Window-objektet i JavaScript

Window er et objekt, der svarer til det vindue, der viser en webside. Et sådant vindue kan oprettes dynamisk.
Det er ikke et JavaScript-objekt, og det er ikke defineret i W3C’s DOM-specifikation. Det er en de facto-standard.

Attributterne og metoderne for grænsefladen window genkendes af Internet Explorer 4, Firefox 1, Opera 9, nyere versioner og Safari. Dette dokument er baseret på det, der understøttes af browserne i mangel af en officiel standard, se referencer.

Det aktuelle vindue refereres af nøgleordet window, og vinduer, der oprettes dynamisk, af det navn, der gives til det objekt, der tildeles af returværdien af open-metoden.

Definition og test af attributter og indre objekter i vindue

Definitioner af attributter og indre objekter

Disse attributter kan kun læses for nogle, deres værdi kan tildeles på anden måde. rammer Rammerne i vinduet. Kan kun læses. length Antal rammer. Kun læses. name Navn på vinduet. status Tekst i statuslinjen
Under Firefox er ændring af teksten en mulighed. Gå til Indstillinger, Indhold, JavaScript, og klik på knappen Avanceret. Markér derefter afkrydsningsfeltet ud for “Ændre teksten i statuslinjen.” defaultStatus Standardtekst i statuslinjen. closed Status lukket eller ej. opener Reference til det vindue, der åbnede dette vindue. Eksempel:

x = window.opener;

parent Vinduets forælder til et vindue. Eksempel:

x = mywin.parent;

top Forælder til det højeste niveau.

Objekter i vinduet

Disse objekter har deres egne attributter og metoder, som ikke er beskrevet i detaljer her, men de har deres egen side.

document Henviser til en side, der er indeholdt i vinduet. Dokument. historik Liste over sider, der tidligere er blevet vist i det samme vindue. History. location Angiver URL’en for en side, som indeholder vinduet. Location. screen Skærmen og dens egenskaber: width, height, availWidth, availHeight, colorDepth.

Se også egenskaberne for oprettelse af vinduer i kapitlet: Åbning af et nyt vindue i JavaScript.

Kontrol af egenskaber for Windows-objektet i browseren

Egenskaber, der ikke understøttes af en browser, er udefinerede.
Nogle egenskaber bruges som parametre for vinduets konstruktør, men de er ikke direkte tilgængelige og er ikke anført her.

innerWidth innerHeight

outerWidth outerHeight

locationbar menubar personalbar statusbar toolbar scrollbars

pageXOffset pageYOffset

screenX screenY

directories

status defaultStatus

opener

parent

top

name

length

Fungerer ikke med Firefox 7

offscreenBuffering

Vi kan opnå tilsvarende værdier i Internet Explorer og med alle browsere:

document.body.clientHeight

document.body.clientWidth

document.body.offsetHeight

document.body.offsetWidth

document.documentElement.offsetHeight

document.documentElement.offsetWidth

Overs

Crypto

Varsling: DOCTYPE-deklarationen kan have en effekt på disse værdier.

Metoder for vinduer og demoer

Metoderne til at åbne eller lukke et vindue er beskrevet i kapitlet: Åbning af et nyt vindue i JavaScript. Definitioner af metoder alert(message) Viser en meddelelse. x = prompt(message) Viser en dialogboks, der anmoder om et svar fra brugeren, og returnerer svaret. x = confirm(message) Viser en meddelelse, normalt et spørgsmål, med to knapper til at bekræfte eller annullere. Returnerer sandt eller falsk. resizeTo(w, h) Ændrer bredden og højden. scrollTo(x, y) Rulning skal være aktiveret for vinduet i henhold til scrollbars-flaget, dette er tilfældet som standard. moveTo(x, y) Flytter til den angivne position. id = setInterval(expression, millisekunder) Evaluerer et udtryk gentagne gange i henhold til tiden i intervallet. clearInterval(id) Ryd intervallet. id = setTimeout(expression, millisekunder) Evaluerer et udtryk efter tidsfristen. clearTimeout(id) Ryd tidsfristen. focus() Overfører fokus til vinduet. blur() Undertrykker fokus til det aktuelle/givne vindue. createPopup() Opretter et undervindue. print() Starter udskrivning af vinduets indhold. Demonstration af metoder i HTML-vinduet objet Klik på en knap for at se, hvordan en metode virker. Den tilsvarende kode vises til højre.

Se også

Et eksempel på brug af setTimeout er medtaget i demoen Lightbox with fade in effect.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.