Obiekt Window

Obiekt Window

Obiekt window reprezentuje otwarte okno w przeglądarce.

Jeśli dokument zawiera ramki (<iframe> znacznik), przeglądarka tworzy obiekt okna dla HTML dokumentu i dodatkowe obiekty okien dla każdej ramki.

Atrybuty obiektu Window

Obiekt Opis
closed Zwraca, czy okno zostało zamknięte.
console Zwróć ekran Obiekt Console.
defaultStatus przestarzała.Ustawia lub zwraca domyślny tekst w pasku stanu okna.
document Zwróć ekran Obiekt Document.
frameElement Zwraca ramki uruchomione w oknie.
frames Zwraca wszystkie obiekty okien uruchomionych w oknie.
history Zwróć ekran Obiekt History.
innerHeight Zwraca wysokość obszaru wyświetlania dokumentu w oknie.
innerWidth Zwraca szerokość obszaru wyświetlania dokumentu w oknie.
length Zwraca liczbę elementów <iframe> w bieżącym oknie.
localStorage Pozwala na zapisywanie par klucz-wartość w przeglądarce internetowej. Przechowuje dane bez daty wygaśnięcia.
location Zwróć ekran Obiekt Location.
name Ustawia lub zwraca nazwę okna.
navigator Zwróć ekran Obiekt Navigator.
opener Zwraca odniesienie do okna, które utworzyło to okno.
outerHeight Zwraca wysokość okna przeglądarki, w tym paski narzędzi i paski przewijania.
outerWidth Zwraca szerokość okna przeglądarki, w tym paski narzędzi i paski przewijania.
pageXOffset Zwraca liczbę pikseli przesunięcia dokumentu od góry lewego rogu okna (poziomo).
pageYOffset Zwraca liczbę pikseli przesunięcia dokumentu od góry lewego rogu okna (pionowo).
parent Zwróć rodzicielskie okno bieżącego okna.
screen Zwróć ekran Obiekt Screen.
screenLeft Zwróć poziomą współrzędną okna względem ekranu.
screenTop Zwróć pionową współrzędną okna względem ekranu.
screenX Zwróć poziomą współrzędną okna względem ekranu.
screenY Zwróć pionową współrzędną okna względem ekranu.
sessionStorage Pozwala na zapisywanie klucz/wartość w przeglądarce Web. Dane przechowywane w sesji.
scrollX pageXOffset Aplikacja alias.
scrollY pageYOffset Aplikacja alias.
self Zwróć bieżące okno.
status Przestarzałe. Unikaj jego użycia.
top Zwróć najwyższe okno przeglądarki.

Metody obiektu Window

Metoda Opis
alert() Wyświetl okno dialogowe z komunikatem oraz przyciskiem zatwierdzenia.
atob() Dekoduj ciąg znaków w base-64.
blur() Usunięcie fokusowania z bieżącego okna.
btoa() Koduj ciąg znaków w base-64.
clearInterval() Wyczyść czasomierz ustawiony za pomocą setInterval().
clearTimeout() Wyczyść czasomierz ustawiony za pomocą setTimeout().
close() Zamknij bieżące okno.
confirm() Wyświetl okno dialogowe z komunikatem oraz przyciskami zatwierdzenia i anulowania.
focus() Ustaw fokus na bieżącym oknie.
getComputedStyle() Określ CSS styl aplikowany do elementu dokumentu.
getSelection() Zwróć obiekt Selection, który reprezentuje wybrany zakres tekstu użytkownika.
matchMedia() Zwróć obiekt MediaQueryList, który reprezentuje zdefiniowaną ciągłość mediów CSS.
moveBy() Przenieś okno względem jego bieżącej pozycji.
moveTo() Przenieś okno do zdefiniowanej pozycji.
open() Otwórz nowe okno przeglądarki.
print() Wydrukuj zawartość bieżącego okna.
prompt() Poproś o wprowadzenie prostego ciągła znaków za pomocą okna dialogowego.
requestAnimationFrame() Poproś przeglądarkę o wywołanie funkcji przed następnym odświeżeniem, aby zaktualizować animację.
resizeBy() Dostosuj rozmiar okna do zdefiniowanych pikseli.
resizeTo() Dostosuj rozmiar okna do zdefiniowanej szerokości i wysokości.
scroll() przestarzała.Ta metoda została Metoda scrollTo() Zastąp.
scrollBy() Przesuń dokument o zdefiniowaną liczbę pikseli.
scrollTo() Przesunięcie dokumentu do określonych współrzędnych.
setInterval() Wykonanie określonego kodu cyklicznie.
setTimeout() Wykonanie kodu po określonym czasie.
stop() Zatrzymanie ładowania okna.

Opis obiektu Window

Obiekt Window reprezentuje okno przeglądarki lub ramkę. W JavaScriptie klientowskim obiekt Window jest obiektem globalnym, a wszystkie wyrażenia są obliczane w bieżącym środowisku. Innymi słowy, aby odnieść się do bieżącego okna, nie jest wymagany specjalny składnia, można używać właściwości tego okna jako zmiennych globalnych. Na przykład, można napisać documentzamiast window.document.

Podobnie, metody obiektu Window można używać jako funkcji, np. tylko alert(), bez konieczności pisania Window.alert().

Poza wymienionymi właściwościami i metodami, obiekt Window realizuje wszystkie globalne właściwości i metody zdefiniowane przez podstawowy JavaScript.

Właściwość window obiektu Window i właściwość selfWszystkie te odniesienia odnoszą się do siebie. Gdy chcesz wyraźnie odnieść się do bieżącego okna, a nie tylko ukrycie go, można użyć tych dwóch właściwości. Poza tymi dwoma właściwościami, właściwość parent, właściwość top oraz tablica frame[] odnoszą się do innych obiektów Window związanych z bieżącym obiektem Window.

Aby odnieść się do ramki w oknie, można użyć następującego składnia:

frame[i]		//ramka bieżącego okna
self.frame[i]	//ramka bieżącego okna
w.frame[i]	//ramka w

Aby odnieść się do ramki rodzica (lub ramki rodzica), można użyć następującego składnia:

parent		//rodzic bieżącego okna
self.parent	//rodzic bieżącego okna
w.parent 		//rodzic okna w

Aby odnieść się do jakiegokolwiek ramki zawartej w szczytowej ramce okna, można użyć następującego składnia:

top		//szczytowa ramka bieżącej ramki
self.top		//szczytowa ramka bieżącej ramki
f.top		//szczytowa ramka f

Nowe najwyższe okno przeglądarki jest tworzone przez metodę Window.open(). Gdy wywołuje się tę metodę, wartość zwróconą przez open() należy przechować w zmiennej, a następnie używać tej zmiennej do odniesienia do nowego okna. Nowe okno ma właściwość openerodnosi się do okna, które je otworzyło.

Zasadniczo, metody obiektu Window są operacjami wykonywanymi na oknie przeglądarki lub ramce. A metoda alert()imetoda confirm()i metoda promptsą różne, ponieważ komunikują się z użytkownikiem za pomocą prostych okien dialogowych.