JavaScript – DOM JavaScript objektit

Esitys aiheesta: "JavaScript – DOM JavaScript objektit"— Esityksen transkriptio:

1 JavaScript – DOM JavaScript objektit
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö

2 DOM DOM HTML Objects DOM Javascript Objects Window Navigator Screen
History Location

3 Window Objektin kautta käsitellään selaimen ikkunaa mm.
Ikkunan/ikkunoinnin hallinta (popup) Viesti-ikkunan yms. näyttäminen Tulostus Ajastus … W3C-tutoraalissa:

4 open, location, close, print
Open avaa uuden ikkunan selaimeen halutulle sivulle Locationin avulla voidaan siirtyä toiselle sivulle avaamatta uutta ikkunaa Close sulkee sivun Print tulostaa sivun Tulostusta varten voidaan määritellä css-tiedosto asettelua ym. varten Esimerkki

5 alert, createPopup, confirm
alert - selaimen viesti-ikkunan näyttämine createPopup – viestin näyttäminen ”popup” ikkunassa (ei näyttäisi toimivan Firefoxissa) Confirm – varmistuksen kysyminen käyttäjältä Esimerkki

6 scrollBy,scrollTo, moveFy, focus
Vierityspalkkien avulla avautuvaa näkymää voidaan asemoida ScrollBy, ScrollTo Esimerkki Avautuvan ikkunan paikka voidaan määrittää moveBy-komennolla Kohdistin avattuun ikkunaan voidaan asettaa focus-komennolla

7 Ajastus setTimeout Toiminto suoritetaan tietyn ajan kuluttua Esimerkki
setInterval Toiminto suoritetaan tietyn ajan välein

8 Navigator Navigator-objektin kautta saadaan tietää selaimen ominaisuuksia JavaScriptissä Esimerkki

9 Screen Screen-objektin kautta voidaan lukea (selaimen) näytön ominaisuuksia Esimerkki

10 History, Location History - Selainhistorian selaaminen JavaScriptillä
(Window).locationin avulla saadaan navigoitua Javascriptillä haluttuun osoitteeseen