Avattaessa tätä sivua ilmestyy näytölle dialogi, joka antaa tietoja käytetystä selaimesta. Esimerkkidialogi alla tulee käytettäessä IE-selainta Mac OS X -ympäristössä.
Dialogi avataan JavaScript-funktiolla:
function tietoja() {
var versio = parseFloat(navigator.appVersion); // haetaan versionumero
var selain = navigator.userAgent.toLowerCase(); // haetaan selaimen nimi
/* Avataan dialogi, johon yhdistetään aiemmin haetut tiedot.
Tiedot yhdistetään yhdeksi merkkijonoksi +-operaattorilla. */
window.alert("Selain: " + selain + "\nVersio: " + versio);
}
Funktio tietoja() on sijoitettu dokumentin otsikko-osaan script-tagin sisälle:
<head>
...
<script type="text/javascript">
<!--
function tietoja() {
...
}
//-->
</script>
</head>
Funktiota kutsutaan body-tagin onload-käsittelijässä, jossa oleva koodi suoritetaan, kun dokumentti ladataan selaimeen.
<body onload="tietoja()">
Vaihtoehtoisesti voimme asettaa funktion suoritettavaksi painikkeen klikkauksen seurauksena merkkaamalla
<input type="button" onclick="tietoja()" value="Tiedot">
JavaScript-koodi koostuu lauseista, jotka erotellaan toisistaan rivinvaihdoilla. Lauseen lopussa voi käyttää myös puolipistettä ';'.
Koodin joukkoon voi lisätä kommentteja, jotka eivät vaikuta ohjelman suoritukseen. Yksirivinen kommentti aloitetaan merkeillä // ja se loppuu rivin loppuun. Monirivinen komentti erotellaan kommenttisulkeilla /* ja */.
Jarkko Leponiemi 19.3.2002