Använda Window-objektet i JavaScript

Window är ett objekt som motsvarar det fönster som visar en webbsida. Ett sådant fönster kan skapas dynamiskt.
Det här är inte ett JavaScript-objekt och det definieras inte av W3C:s DOM-specifikation. Det är en de facto-standard.

Gränssnittsfönstrets attribut och metoder känns igen av Internet Explorer 4, Firefox 1, Opera 9, nyare versioner och Safari. Detta dokument bygger på vad som stöds av webbläsarna i avsaknad av officiell standard, se referenser.

Det aktuella fönstret refereras av nyckelordet window, och fönster som skapas dynamiskt av det namn som ges till det objekt som tilldelas av returvärdet av open-metoden.

Definition och test av attribut och inre objekt i fönster

Definitioner av attribut och inre objekt

Dessa attribut kan bara läsas för vissa, deras värde kan tilldelas annars.

ramar Ramarna i fönstret. Endast läsbar. length Antal ramar. Endast läsbart. name Fönstrets namn. status Text i statusfältet
Under Firefox är det möjligt att ändra texten. Gå till Alternativ, Innehåll, JavaScript och klicka på knappen Avancerat. Markera sedan rutan bredvid ”Ändra texten i statusfältet.” defaultStatus Standardtext i statusfältet. closed State closed or not. opener Referens till det fönster som öppnade det här fönstret. Exempel:

x = window.opener;

parent Fönstrets förälder till ett fönster. Exempel:

x = mywin.parent;

top Föräldern till den högsta nivån.

Objekt i fönstret

Dessa objekt har egna attribut och metoder som inte beskrivs i detalj här utan de har en egen sida.

document Hänvisar till en sida, som finns i fönstret. Document. history Lista över sidor som tidigare visats i samma fönster. History. location Betecknar URL för en sida som innehåller fönstret. Location. screen Skärmen och dess egenskaper: width, height, availWidth, availHeight, colorDepth.

Se även egenskaperna för skapande av fönster i kapitlet: Öppna ett nytt fönster i JavaScript.

Kontrollera egenskaper för Windows-objektet i webbläsaren

Egenskaper som inte stöds av en webbläsare är odefinierade.
Vissa egenskaper används som parametrar för fönstrets konstruktör, men de är inte direkt tillgängliga och listas inte här.

innerWidth innerHeight

outerWidth outerHeight

locationbar menubar personalbar statusbar toolbar scrollbars

pageXOffset pageYOffset

screenX screenY

directories

status defaultStatus

opener

parent

top

name

length

Fungerar inte med Firefox 7

offscreenBuffering

Vi kan få motsvarande värden i Internet Explorer och med alla webbläsare:

document.body.clientHeight

document.body.clientWidth

document.body.offsetHeight

document.body.offsetWidth

document.documentElement.offsetHeight

document.documentElement.offsetWidth

Other

Crypto

Varning: DOCTYPE-deklarationen kan påverka dessa värden.

Metoder för fönster och demos

Metoderna för att öppna eller stänga ett fönster beskrivs i kapitlet: Öppna ett nytt fönster i JavaScript.

Definitioner av metoder alert(message) Visar ett meddelande. x = prompt(message) Visar en dialogruta som begär ett användarsvar och returnerar svaret. x = confirm(message) Visar ett meddelande, normalt en fråga, med två knappar för att bekräfta eller avbryta. Returnerar sant eller falskt. resizeTo(w, h) Ändrar bredd och höjd. scrollTo(x, y) Rullning måste vara aktiverad för fönstret enligt flaggan scrollbars, detta är fallet som standard. moveTo(x, y) Flyttar till den givna positionen. id = setInterval(expression, milliseconds) Utvärderar ett uttryck upprepade gånger i enlighet med tiden i intervallet. clearInterval(id) Rensa intervallet. id = setTimeout(expression, milliseconde) Utvärdera ett uttryck efter tidsfristen. clearTimeout(id) Rensa fördröjningen. focus() Överför fokus till fönstret. blur() Undertrycker fokus till det aktuella/givna fönstret. createPopup() Skapa ett underfönster. print() Påbörja utskrift av innehållet i fönstret. Demonstration av metoder för HTML-fönsterobjektet Klicka på en knapp för att se hur en metod fungerar. Motsvarande kod visas till höger.

Se även

Ett exempel på användning av setTimeout ingår i demonstrationen Lightbox with fade in effect.

Lämna ett svar

Din e-postadress kommer inte publiceras.