Dynaaminen HTML ja DOM

JAVASCRIPT JA DOM KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi
IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

Selainten 4.x versiot tarjosivat ohjelmoijille ensimmäisen vilahduksen DOM:in voimasta. Ilmiötä markkinoitiin aikanaan näyttävästi nimekkeillä dHTML tai dynaaminen HTML, mutta nykyisin sitä kutsutaan joko DOM 0 tai DOM Level 0 pohjaiseksi ohjelmoinniksi. Vaikka kyseessä oli hyvin epäkypsä ja tietyltä osin keskeneräinen API, tarjosi se ohjelmoijille aikanaan monta erittäin hyödyllistä piirrettä. Keskeisimpiä ongelmakohtia kuitenkin olivat:

Molemmissa valtaselaimissa käytettiin erilaisia olioita. Navigator 4.x käytti kerrosten luomiseen <layer> elementtiä, IE4.x puolestaan taas kikkaili CSS-P sijoittelulla ja IFRAME elementillä.
Molemmissa selaimissa käytettiin selainspesifisiä ominaisuuksia, esimerkiksi Internet Explorerin InnerHTML-ominaisuus.
Molemmissa selaimissa on erilaiset oliohierarkiat. Internet Explorerin käyttämä document.all[] on kaikkein aikojen suurimpia keksintöjä ohjelmointirintamalla, mutta Netscapesta se puuttuu.

DOM 0 mallissa on lisäksi useita vakavia puutteita, jotka eivät liity millään tavoin selainten epäyhtenäiseen tapaan käsitellä kokonaisuutta. Suurin näistä puutteista on, että DOM 0 ei tarjoa mahdollisuutta liikkua vapaasti ja yksiselitteisesti elementistä toiseen (kuten DOM1 malli tarjoaa). DOM 0 tarjoaa osalle elementeistä ominaisuuksia, joilla arvoja pystyy muokkaamaan, mutta yhtä yhtenäistä standardia ei ole.

Mielessäsi varmaan on nyt kysymys "miksi käyn DOM 0 -mallia lävitse, jos se on noin huono? Vastaus ei ole mitenkään yksioikoinen, sillä DOM 0 -mallilla on vielä, kaikesta huolimatta erittäin paljon käyttöä tietyissä tilanteissa. Jos halutaan yhteensopivuutta ja toimivuutta kaikilla selaimilla, täytyy valmistautua kirjoittamaan 2-3 versiota koodistasi. Jos taas voidaan jättää vanhat selaimet pois kuvioista, silloin kannattaa suunnata katse tulevaisuuteen ja kirjoittaa DOM 1 mallin mukaista koodia.

IE 5.x tukee sekä vanhaa että uutta DOM mallia hyvinkin, joten se ei muodosta ongelmaa. Sen sijaan Netscape 6.x ei osaa käsitellä vanhan DOM 0 mallin mukaista koodia. Tällöin tärkeä tekijä on rajata sivun käyttäjäkunta selaimen mukaan ja laatia sivu sen mukaan. Suomessa Netscapen osuus selaimista on nykyään alle 10 prosenttia, mutta ulkomaille suunnatuilla sivustoilla Netscapen osuus voi olla vieläkin yli 20 prosenttia.

Tutustu artikkelin muihin osiin:
»»» DHTML ja DOM »»» Dokumenttioliomalli
»»» DHTML ja DOM »»» DOM 0
»»» DHTML ja DOM »»» Objektimalli

Dynaaminen HTML ja DOM

Tallenna tämä sivu kirjanmerkkeihin!