A Window objektum használata JavaScriptben

A Window egy olyan objektum, amely a weboldalt megjelenítő ablaknak felel meg. Egy ilyen ablak dinamikusan hozható létre.
Ez nem egy JavaScript objektum, és a W3C DOM specifikációja sem definiálja. Ez egy de facto szabvány.

A felület ablak attribútumait és metódusait az Internet Explorer 4, a Firefox 1, az Opera 9, az újabb verziók és a Safari ismeri. Ez a dokumentum azon alapul, amit a böngészők hivatalos szabvány hiányában támogatnak, lásd a hivatkozásokat.

Az aktuális ablakra az ablak kulcsszóval hivatkozunk, a dinamikusan létrehozott ablakokra pedig az open metódus visszatérési értéke által kijelölt objektumnak adott névvel.

Attribútumok és belső objektumok definiálása és tesztelése az ablakban

Az attribútumok és belső objektumok definíciói

Az attribútumok csak egyeseknél olvashatók, értékük egyébként hozzárendelhető.

keretek Az ablakban lévő keretek. Csak olvasható. length A keretek száma. Csak olvasható. name Az ablak neve. status Az állapotsor szövege
A Firefox alatt a szöveg módosítása lehetséges. Válassza a Beállítások, Tartalom, JavaScript menüpontot, és kattintson a Speciális gombra. Ezután jelölje be a “Az állapotsor szövegének módosítása” melletti négyzetet. defaultStatus Alapértelmezett szöveg az állapotsorban. closed Állapot zárt vagy nem zárt. opener Hivatkozás az ablakra, amely megnyitotta ezt az ablakot. Példa:

x = window.opener;

parent Az ablak szülője. Példa:

x = mywin.parent;

top A legmagasabb szint szülője.

Objektumok az ablakban

Ezeknek az objektumoknak saját attribútumaik és metódusaik vannak, amelyeket itt nem részletezünk, de saját oldaluk van.

document Egy olyan oldalra utal, amely az ablakban található. Document. history Az ugyanabban az ablakban korábban megtekintett oldalak listája. History. location Megjelöli az ablakot tartalmazó oldal URL-címét. Location. screen A képernyő és tulajdonságai: width, height, availWidth, availHeight, colorDepth.

Lásd az ablak létrehozásának tulajdonságait is a fejezetben: Új ablak megnyitása JavaScriptben.

A Windows objektum tulajdonságainak ellenőrzése a böngészőben

A böngésző által nem támogatott tulajdonságok nem definiáltak.
Néhány tulajdonságot az ablak konstruktora paraméterként használ, de ezek nem közvetlenül elérhetők, és itt nem szerepelnek.

innerWidth innerHeight

outerWidth outerHeight

locationbar menubar personalbar statusbar toolbar scrollbars

pageXOffset pageYOffset

screenX screenY

directories

status. defaultStatus

opener

parent

top

name

length

Nem működik Firefox 7

offscreenBuffering

Az Internet Explorerben és az összes böngészővel egyenértékű értékeket kapunk:

document.body.clientHeight

document.body.clientWidth

document.body.offsetHeight

document.body.offsetWidth

document.documentElement.offsetHeight

document.documentElement.offsetWidth

Más

Crypto

Figyelmeztetés: A DOCTYPE deklaráció hatással lehet ezekre az értékekre.

A ablak és a demók módszerei

Az ablakok megnyitásának és bezárásának módszerei a fejezetben vannak leírva: Új ablak megnyitása JavaScriptben.

A metódusok definíciói alert(message) Megjelenít egy üzenetet. x = prompt(message) Megjelenít egy párbeszédpanelt, amely a felhasználó válaszát kéri, és visszaadja a választ. x = confirm(message) Megjelenít egy üzenetet, általában egy kérdést, két gombbal a megerősítéshez vagy a visszavonáshoz. Visszaad igazat vagy hamisat. resizeTo(w, h) Átméretezi a szélességet és a magasságot. scrollTo(x, y) A görgetésnek engedélyezve kell lennie az ablakban a scrollbars flag szerint, alapértelmezés szerint ez a helyzet. moveTo(x, y) A megadott pozícióba mozog. id = setInterval(expression, milliseconds) Egy kifejezés ismételt kiértékelése az intervallumban megadott időnek megfelelően. clearInterval(id) Törli az intervallumot. id = setTimeout(expression, milliszekundum) Egy kifejezés kiértékelése a határidő után. clearTimeout(id) Törli a késleltetést. focus() Átadja a fókuszt az ablaknak. blur() Elnyomja a fókuszt az aktuális/megadott ablakon. createPopup() Alablak létrehozása. print() Az ablak tartalmának nyomtatásának megkezdése. A HTML ablak objet metódusainak bemutatása Kattintson egy gombra, hogy megnézze, hogyan működik egy metódus. A megfelelő kód a jobb oldalon látható.

See also

A setTimeout használatára a lightbox with fade in effect demóban található példa.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.