Okno JavaScript — model obiektów przeglądarki
Browser Object Model (BOM) umożliwia JavaScriptowi „komunikowanie się” z przeglądarką.
Przeglądarka Object Model (BOM)
Nie ma oficjalnych standardów dla modelu obiektu B rowser ( BOM ).
Ponieważ współczesne przeglądarki zaimplementowały (prawie) te same metody i właściwości dla interaktywności JavaScript, często nazywa się to metodami i właściwościami BOM.
Obiekt okna
Obiekt window
jest obsługiwany przez wszystkie przeglądarki. Reprezentuje okno przeglądarki.
Wszystkie globalne obiekty, funkcje i zmienne JavaScript automatycznie stają się członkami obiektu window.
Zmienne globalne są właściwościami obiektu window.
Funkcje globalne to metody obiektu window.
Nawet obiekt document (z HTML DOM) jest własnością obiektu window:
window.document.getElementById("header");
jest taki sam jak:
document.getElementById("header");
Rozmiar okna
Do określenia rozmiaru okna przeglądarki można użyć dwóch właściwości.
Obie właściwości zwracają rozmiary w pikselach:
window.innerHeight
- wewnętrzna wysokość okna przeglądarki (w pikselach)window.innerWidth
- wewnętrzna szerokość okna przeglądarki (w pikselach)
Okno przeglądarki (okno przeglądarki) NIE zawiera pasków narzędzi i pasków przewijania.
Przykład
let w = window.innerWidth;
let h = window.innerHeight;
Inne metody okienne
Kilka innych metod:
window.open()
- otwórz nowe oknowindow.close()
- zamknij bieżące oknowindow.moveTo()
- przenieść bieżące oknowindow.resizeTo()
- zmień rozmiar bieżącego okna