Window-objekt

Window-objekt

Window-objektet representerar det fönster som är öppet i webbläsaren.

Om dokumentet innehåller ramar (<iframe>-tagg), skapar webbläsaren ett fönsterobjekt för HTML-dokumentet och skapar ytterligare fönsterobjekt för varje ram.

Window-objekt egenskaper

Objekt Beskrivning
closed Återger om fönstret har stängts.
console Returnera fönstrets Console-objekt.
defaultStatus blivit föråldrad.Ställer in eller återger standardtexten i fönsterstatusfältet.
document Returnera fönstrets Document-objekt.
frameElement Återger ramarna som körs i fönstret.
frames Återger alla fönsterobjekt som körs i fönstret.
history Returnera fönstrets History-objekt.
innerHeight Återger höjden på dokumentvisningsområdet i fönstret.
innerWidth Återger bredden på dokumentvisningsområdet i fönstret.
length Återger antalet <iframe>-element i det aktuella fönstret.
localStorage Tillåter att spara par av nyckel/värde i webbläsaren. Lagra data utan utgångsdatum.
location Returnera fönstrets Location-objekt.
name Ställer in eller återger namnet på fönstret.
navigator Returnera fönstrets Navigator-objekt.
opener Återger en referens till fönstret som skapade fönstret.
outerHeight Återger höjden på webbläsarfönstret, inklusive verktygsfältet/scrolllisten.
outerWidth Återger bredden på webbläsarfönstret, inklusive verktygsfältet/scrolllisten.
pageXOffset Återger pixel som dokumentet har rullat från vänster övre hörnet (horisontellt).
pageYOffset Återger pixel som dokumentet har rullat från vänster övre hörnet (vertikalt).
parent Returnera föräldrafönstret till det aktuella fönstret.
screen Returnera fönstrets Screen objekt.
screenLeft Returnera den horisontella koordinaten för fönstret i förhållande till skärmen.
screenTop Returnera den vertikala koordinaten för fönstret i förhållande till skärmen.
screenX Returnera den horisontella koordinaten för fönstret i förhållande till skärmen.
screenY Returnera den vertikala koordinaten för fönstret i förhållande till skärmen.
sessionStorage Tillåter att spara nyckel/värde-par i webbläsare. Lagra sessionens data.
scrollX pageXOffset Ett alias.
scrollY pageYOffset Ett alias.
self Returnera det aktuella fönstret.
status Föråldrad. Undvik att använda den.
top Returnera den översta webbläsarfönstret.

Window-objektmetoder

Metod Beskrivning
alert() Visa en varningsruta (dialog) med meddelande och en bekräftelsesknap.
atob() Dekodera en base-64-kodad sträng.
blur() Ta bort fokus från det aktuella fönstret.
btoa() Kodera en sträng med base-64.
clearInterval() Rensa timer som har satts med setInterval().
clearTimeout() Rensa timer som har satts med setTimeout().
close() Stäng det aktuella fönstret.
confirm() Visa en dialog med meddelande samt knappar för att bekräfta och avbryta.
focus() Sätt fokus till det aktuella fönstret.
getComputedStyle() Bestäm den CSS-stil som tillämpas på en dokumentelement.
getSelection() Returnera en Selection-objekt som representerar den textområde som användaren har valt.
matchMedia() Returnera en MediaQueryList-objekt som representerar den angivna CSS-mediafrågan.
moveBy() Flytta fönstret relativt till dess nuvarande position.
moveTo() Flytta fönstret till angiven position.
open() Öppna ett nytt webbläsarfönster.
print() Skriv ut innehållet i det aktuella fönstret.
prompt() Be om en enkel sträng som användarens input via dialog.
requestAnimationFrame() Be om att webbläsaren anropar funktionen för att uppdatera animationen innan nästa omskiss.
resizeBy() Justera fönstrets storlek med angivna pixel.
resizeTo() Justera fönstrets storlek till angiven bredd och höjd.
scroll() blivit föråldrad.Denna metod har scrollTo() metoden Ersätt.
scrollBy() Skrolla dokumentet med angiven pixelantal.
scrollTo() Rulla dokumentet till specifika koordinater.
setInterval() Upprepa specifikt kod regelbundet.
setTimeout() Kör kod efter ett specifikt tidsintervall.
stop() Stoppa laddning av fönstret.

Window-objektbeskrivning

Window-objektet representerar webbläsarfönstret eller ramen. I klient JavaScript är Window-objektet ett globalt objekt, och alla uttryck beräknas i den aktuella miljön. Detta innebär att det inte behövs någon särskild syntax för att hänvisa till det aktuella fönstret, och du kan använda fönstrets egenskaper som globala variabler. Till exempel kan du bara skriva documentutan att behöva skriva window.document.

Likaså kan du använda metoder för det aktuella fönsterobjektet som funktioner, till exempel skriva bara alert() utan att behöva skriva Window.alert().

Förutom de listade attributen och metoderna har Window-objektet också implementerat alla globala attribut och metoder definierade av core JavaScript.

Window-objektets window-attribut och self-attributetHänvisningarna är alltid till sig själva. När du vill tydligt hänvisa till det aktuella fönstret, och inte bara implicit hänvisa till det, kan du använda dessa två attribut. Förutom dessa två attribut hänvisar parent-attributet, top-attributet och frame[]-arrayen till andra Window-objekt som är relaterade till det aktuella Window-objektet.

För att hänvisa till en ram inom fönstret kan du använda följande syntax:

frame[i]		//Aktuell fönsters ram
self.frame[i]	//Aktuell fönsters ram
w.frame[i]	//Fönstret w:s ram

För att hänvisa till föräldrafönstret (eller föräldramen) för en ram, kan du använda följande syntax:

parent		//Aktuell fönsters förälder
self.parent	//Aktuell fönsters förälder
w.parent 		//Fönstret w:s förälder

För att hänvisa till någon ram inom toppfönstret, kan du använda följande syntax:

top		//Aktuell rams toppfönster
self.top		//Aktuell rams toppfönster
f.top		//Ramens f toppfönster

Nytt toppnivå webbläsarfönster skapas av metoden Window.open(). När du anropar denna metod, bör du lagra värdet som returneras av open() i en variabel och använda denna variabel för att hänvisa till det nya fönstret. Det nya fönstrets opener-attributetåterverkar det fönstret som öppnade det.

För det mesta är metoder för Window-objekt operationer som utförs på webbläsarfönstret eller ramen. Och alert() metoden、confirm() metodenoch prompt-metodenär olika, de interagerar med användaren genom enkla dialogrutor.