JavaScriptin perusteet

Esitys aiheesta: "JavaScriptin perusteet"— Esityksen transkriptio:

1 JavaScriptin perusteet
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö

2 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

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

4 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

5 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

6 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

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

8 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

9 Tapahtumien käsittely
MÄÄRITTELY KUTSU

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

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

12 Kielioppia: valintalauseet
If- ja switch-lauseet

13 Kielioppia: toistolauseet
For, while

14 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

15 onsubmit