Przeglądarka Object Model (BOM) pozwala JavaScript, żeby "porozmawiać" w przeglądarce.
Przeglądarka Object Model (BOM)
Nie ma oficjalnych standardów dla Modelu Przeglądarka Object (BOM).
Ponieważ nowoczesne przeglądarki wdrożyły (prawie) te same metody i właściwości dla interaktywności JavaScript, jest on często określany, jako metody i właściwości BOM.
Window Object
window obiekt jest obsługiwany przez wszystkie przeglądarki. Reprezentuje okna przeglądarki.
Wszystkie obiekty globalne JavaScript, funkcje i zmienne stają się automatycznie członkami obiektu window.
Zmienne globalne są właściwości obiektu window.
Funkcje globalne są metody obiektu okna.
Nawet przedmiotem dokumentu (z HTML DOM) jest własnością obiektu window:
window.document.getElementById("header");
jest taki sam jak:
document.getElementById("header");
Rozmiar okna
Dwie właściwości mogą być wykorzystywane do określenia rozmiaru okna przeglądarki.
Obie właściwości powrócić 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 (rzutnia przeglądarka) nie jest w tym paski narzędzi i paski przewijania.
Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Praktycznym rozwiązaniem JavaScript (obejmującego wszystkie przeglądarki):
Przykład
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Spróbuj sam " Przykład pokazuje wysokość okna przeglądarki i szerokość: (nie włączając paski narzędzi / przewijania)
Inne Window Metody
Niektóre inne metody:
- window.open() - otwarcie nowego okna
- window.close() - zamknięcie bieżącego okna
- window.moveTo() przesuwanie znaczników bieżące okno
- window.resizeTo() -resize bieżące okno