JavaScriptin perusteet Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö

Palvelin/asiakastekniikat WWW-asiakastekniikat - JavaScript (DHTML, AJAX) - ActiveX-kontrollit - Appletit - Flash - … WWW-palvelintekniikat PHP - ASP - Javakieliset web-tekniikat - CGI, SSI - … HTTP-vastaus HTTP-pyyntö Selain Web-palvelin

Käyttötarkoituksia Luodaan dynaamisuutta ja interaktiivisuutta lomakkeelle Syötteiden tarkistus Lomakkeen arvojen laskeminen/asettaminen Animointi ym. Grafiikka (esim. Dynaamiset valikot) Ajax …

JavaScriptistä JavaScriptiä tarvitaan melkeinpä välttämättä, mikäli haluaa sovelluksesta helppokäyttöisen, dynaamisen ja interaktiivisen Pelkän palvelinteknologian käyttö kankeaa ja kuormittaa web-palvelinta JavaScriptiä käytetään usein yhdessä jonkin muun teknologian kanssa, pelkkään JavaScriptiin perustuvat sovelluksen kohtuullisen harvinaisia

JavaScriptistä Nescapen kehittämä Microsoftin vastaava tekniikka JScript ja VBScript JavaScript on EcmaScript-standardin toteutus Skriptikieli eli selain tulkkaa suoritettavan ohjelmakoodin ”Puolipistekieli”, perussyntaksi muistuttaa C-kieltä Heikosti tyypitetty

Selainten tuki Kaikki selaimet eivät tue JavaScript-kieltä samalla tavoin Eri selaimet Selainten eri versiot JavaScript-tuen voi ottaa pois käytöstä selaimen asetuksista Mobiiliselaimissa JavaScriptin tuki voi olla rajoitettua

JavaScript-esimerkkejä Yksinkertainen valuuttalaskuri käyttämällä JavaScriptiä Javascript-komento, joka asettaa kohdistimen lomakkeen tiettyyn kenttään

Mihin JavaScript-koodi sijoitetaan? HTML-dokumentin sisään Script-lohkoon Head-osion sisään, jolloin funktio suoritetaan, kun sitä kutsutaan Body-osion sisään, jolloin koodi suoritetaan sivua ladattaessa Erilliseen .js-tiedostoon, jolloin viittaus ko. tiedostoon laitetaan HTML-dokumentin alkuun

Tapahtumien käsittely MÄÄRITTELY KUTSU

Kielioppia: muuttujat Muuttujan määrittely: var jokumuuttuja=0; Tietotyypit: Luvut Totuusarvo Merkkitieto Tyhjä arvo

Kielioppia: operaattorit Sijoitusoperaattori = Aritmeettiset operaattorit +,-,/,*,% Yhdistetyt operaattorit +=,-=,/=,*= Vertailuoperaattorit ==,!=,>,<,>=,<= Loogiset operaattorit &&,||,!

Kielioppia: valintalauseet If- ja switch-lauseet

Kielioppia: toistolauseet For, while

Demo: Syötteiden tarkastaminen Toteutetaan yksinkertainen sovellus JavaScriptillä/PHP:llä, jossa Lasketaan valuuttamuunnoksia euroista norjan kruunuihin Tarkastetaan, että käyttäjä voi syöttää vain numeerista tietoa Vain numeropainikkeiden painaminen sallitaan eurokentässä Eurokenttää ei voi jättää tyhjäksi submit-painiketta painaessa

onsubmit