JavaScript-opas

JAVASCRIPTIIN LIITTYVÄÄ KOULUTUSTA v.2008

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

JavaScript koodin upottaminen dokumenttiin

JavaScript koodi liitetään osaksi HTML tai XHTML -dokumenttia script-elementin avulla:


<script type="text/javascript">
// JavaScript koodi sijoitetaan tänne
</script>

Suositeltavampi menettelytapa on sijoittaa JavaScript-koodi omaan erilliseen tiedostoonsa ja ainoastaan sisällyttää se HTML- tai XHTML-dokumentin osaksi. Tällöin liittäminen tapahtuu määrittämällä script-elementille attribuutti src:


<script src="tiedostopolku.js" type="text/javascript"></script>

Koska kaikki selaimet (esim. Lynx) eivät tue script-elementin käyttämistä, tulisi kaikki sen sisään sijoitettava koodi varmuuden vuoksi kommentoida HTML / XHTML (/SGML) kommenttimerkinnällä . Kommentin lopetusmerkintä on tehtävä siten, että sitä edeltää JavaScriptin oma kommenttimerkki. Muussa tapauksessa kommentti liitettäisiin suoritettavaan JavaScript koodiin ja aiheutuisi virhe.


<script type="text/javascript">
<!--
// JavaScript koodi sijoitetaan tänne
//-->
</script>

Script-elementin sijoittamiselle dokumenttiin ei ole yhtä oikeata paikkaa, vaan se riippuu hyvin pitkälti suoritettavan koodin käyttötarkoituksesta. Mikäli koodi pitää suorittaa heti sivun latautuessa, on se sijoitettava dokumentin ylätunnisteeseen head-elementin sisään. Muuten sen voi sijoittaa myös dokumentin runkoonkin (eli body-elementin sisään). Myöskään script-elementtien lukumäärää ei ole rajoitettu millään tavoin, vaan voimme aivan hyvin kirjoittaa esimerkiksi:


...
<head>
<script src="eka.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
// JavaScript koodi sijoitetaan tänne
//-->
</script>
<title>Javascript esimerkki</title>
</head>
...

Tutustu artikkelin muihin osiin:
»»» JavaScript »»» Koodin upottaminen dokumenttiin
»»» JavaScript »»» HTML/XHTML:n tapahtumat

JavaScript-opas

JavaScript koodin upottaminen dokumenttiin

Tallenna tämä sivu kirjanmerkkeihin!