[IMAGE]

 Yleistä Javascriptistä
 Kirjan sivut 123 - 135
Javascript

Javascript on ohjelmointikieli, jolla voidaan www-sivuille luoda interaktiivisuutta. Yleisimpiä Javascriptin käyttökohteita ovat mm. lomakkeiden kenttien tarkistus, kuvien vaihto (kun hiiri tulee päälle) ja erilaisten varoitusilmoitusten näyttö. Tällä kurssilla JavaScriptiä käydään läpi lähinnä esimerkkien avulla. 

Javascriptin sijoittaminen

Skripti voidaan sijoittaa joko upotettuna HTML-tiedostoon tai sitten se kirjoitetaan erillisenä tiedostona, jonka html-dokumentti käy lukemassa.

HTML-tiedostoon javascript sijoitetaan käyttämällä hyväksi <SCRIPT>-elementtiä.

esimerkki:

<HTML>
<HEAD>
<TITLE>js-malli</TITLE>
<SCRIPT TYPE="text/javascript">
//kahdella kauttaviivalla voit kommentoida koodisi

//tässä kysytään käyttäjältä tietoja. Kysytty tieto luetaan vasemmalla olevaan muuttujaan
var kuka = window.prompt("Kuka sinä olet");

//seuraavaksi käyttäjän syöttämä tieto näytetään erillisessä ikkunassa
window.alert("Terve " + kuka);
</SCRIPT>
</HEAD>
<BODY>
Minun ensimmäinen javascript-ohjelmani
</BODY>
</HTML>

Tästä saat yllä olevan koodin mukaisen sivun auki

Ensiksi sivulle tultaessa kysytään käyttäjän nimeä

Sen jälkeen saatu nimi tulostetaan Alert-ikkunalla

Ja lopuksi sivun muu sisältö ladataan normaaliin tapaan.

Kun halutaan tehdä sama, sijoittamalla koodi erilliseen tiedostoon kirjoita muistiolla pelkkä koodi ilman SCRIPT-elementtejä.

Tallenna tiedosto nimellä malli.js

HTML-tiedostoon tulee vain viittaus js-tiedostoon:

<HTML>
<HEAD>
<TITLE>js-malli</TITLE>
<SCRIPT TYPE="text/javascript" src="malli.js">
</SCRIPT>
</HEAD>
<BODY>
Minun ensimmäinen javascript-ohjelmani
</BODY>
</HTML>