Hyvästi document.write

Rollemaa käyttää melko paljon JavaScriptiä nykyään. Plakaatit jotka jaetaan vain käyttäjäkohtaisesti joko kokoruudulla surffaajille, IE6:n käyttäjille ja pieniruutuisten laitteiden käyttäjille ovat toteutettu JavaScriptillä, kuten myös jotkut pienet klikkeet sivulla.

photo credit: Tom T

Php:ssa sisällön suoltamiseen on print ja echo, kuten monessa muussakin kielessä, myös muissa kuin toiminnallisissa web-kielissä. JavaScriptissä ei kuitenkaan ole mitään selkeää tulostusmuotoa. Usein käytetty document.write on jo nykyäänkin melko sorsittu tapa suoltaa tavaraa sivulle, mutta itsekin käytin sitä pitkään kun ei ollut muutakaan.

Nyt sitten vihdoinkin päätin keksiä ratkaisun yleiseen ongelmaan, jossa document.write korvaa koko sivuston sisällön määrätyllä asialla. Esimerkiksi Rollemaassa ongelma oli sellainen että joillakin selaimilla ja sivuilla näkyi pelkästään valkoinen tausta ja mustalla tekstillä plakaatti isoruutuisille, pieninäyttöisille ja IE6-surffaajille, vaikka plakaatin pitäisi näkyä tyylitettynä sivuston sisällä (voit kokeilla laittamalla selainikkunan kokoruutuun ja painamalla F5).

Ratkaisu oli yllättävän yksinkertainen, enkä tiedä miksi olen aiemmin mennyt siitä mistä aita on matalin. Kun ennen tapahtuma kävi näin:

document.write(’Moi maailma!’);

Nyt se tapahtuu luomalla haluttuun paikkaan div halutulla id:llä, esimerkiksi <div id=”moi”></div>. Javascript osuus on aivan yhtä helppoa kuin aina ennenkin, vaikka muutama kirjain tuleekin lisää.

document.getElementById(’moi’).innerHTML = ’Moi maailma!’;

Kyseinen pätkä korvaa divin sisällön sivun latautuessa, eikä koko bodyn korvaamisesta ole vaaraa, kuten document.writessa. Suosittelen käyttämään tätä tapaa jatkossa, jos sinäkin olet document.writen petollinen uhri.

Piditkö tekstistä? Tarjoa kahvit!

Roni Laukkarinen

Kirjoittaja on 36-vuotias elämäntapanörtti, ammatiltaan yrittäjä ja teknologiajohtaja perustamassaan digitoimistossa, verkkosivujen tekijä, koukussa kirjoittamiseen 5-vuotiaasta. Päivät kuluu monipuolisen musiikkiharrastuksen, retropelien ja koodaamisen parissa, mutta arkea piristyttää myös vaimo ja kaksi lasta. Mastodon ja leffat lähellä sydäntä.

Lue Rollesta lisää