JavaScript jest językiem, który musi działać w określonym środowisku, zwykle tym środowiskiem dla JavaScript jest przeglądarka internetowa. Oczywiście przeglądarka nie jest jedynym środowiskiem JavaScript. Może nim być np. technologia node.js. Ale o tym opowiem nieco później.

Filozofia działania JavaScript w internecie opiera się na dwóch modelach:

BOM (Browser Object Model) - dla JavaScript

Model Obiektowy Przeglądarki – obsługuje zachowania urządzeń zewnętrznych do przeglądarki oraz obiektu nadrzędnego dla przeglądarkowej JavaScript, czyli obiektu window.

DOM (Document Object Model) – Model Obiektowy Dokumentu - dla JavaScript

DOM to standard zarządzany i rozwijany przez organizację World Wide Web Consortium (W3C). Ma kilka poziomów (0-3), które w różnym stopniu są zaimplementowane przez przeglądarki.

W tej części szkolenia o JavaScript znajdziesz informacje o BOM, w kolejnej – o DOM.

BOM Browser Object Model – Model Obiektowy Przeglądarki – najważniejsze elementy

Window - obiekt globalny JavaScript, wszystkie wbudowane funkcje JavaScript są metodamiobiektu window.

Pora na szczegóły - JavaScript obiekt BOM

BOM – właściwości, metody:

NAVIGATOR - JavaScript BOM

window.navigator - obiekt dostarczający wiedzy o przeglądarce i jej możliwościach

window.navigator.userAgent - identyfikuje przeglądarkę

SCREEN - JavaScript BOM

Właściwość screen zawiera informacje na temat ustawień monitora np. dzięki właściwości:

screen.colorDepth - odczytasz głębię koloru monitora

screen.width - odczytasz szerokość monitora

screen. .height - odczytasz wysokość monitora

screen.availWidth - odczytasz dostępną szerokość monitora

screen.availHeight - odczytasz dostępną wysokość monitora

window.close() - JavaScript zamyka nowe okno

window.moveTo(x,y) - JavaScript przenosi okno przeglądarki na pozycję x, y

window.moveBy(x,y) - JavaScript przenosi okno przeglądarki o wartościx, y

window.resizeTo(x,y)- JavaScript zmienia rozmiar okna o parametry x,y

window.alert() - JavaScript otwiera okienko z alertem – informacją dla użytkownika

window.prompt() - JavaScript otwiera okienko z polem do wprowadzeniu tekstu – pobiera tekst od użytkownika

window.confirm() - JavaScript otwiera okienko z możliwością wyboru dla użytkownika pomiędzy: OK i Anuluj

window.setTimeout() - JavaScript ustawia opóźnienie wykonania funkcji, przykład:

function uwazaj(){alert('uważaj na słonie ?');}

setTimeout(uwazaj, 2000);

JavaScript - powyższy kod wyświetli napis ‘uważaj na słonie ?’ z opóźnieniem 2000 milisekund (2 sekund)