Priručnik za polaznike 2015 Srce Osnove JavaScripta

priručnik za polaznike © 2015 Srce

Osnove JavaScripta

C501

Ovaj priručnik izradio je autorski tim Srca:

Autor: Denis Stančer

Recenzent: Edin Mujadžević

Urednica: Sabina Rako

Lektorica: Jasna Novak Milić

Sveučilište u Zagrebu

Sveučilišni računski centar

Josipa Marohnića 5, 10000 Zagreb

[e-mail]

ISBN 978-953-7138-56-1 (meki uvez)

ISBN 978-953-7138-57-8 (PDF)

Inačica priručnika: C501-20150609

Ovo djelo dano je na korištenje pod licencom Creative Commons Imenovanje-Nekomercijalno-Dijeli pod istim uvjetima 4.0 međunarodna. Licenca je dostupna na stranici http://creativecommons.org/licenses/by-nc-sa/4.0/.

Sadržaj

Uvod 4

I.Što je JavaScript? 6

I.1.Naziv JavaScript 6

1.1.Povijest JavaScripta 6

I.2.Skriptni jezici 7

I.3.Preglednici (browsers) 9

I.4.Aplikacije za uređivanje teksta (editors) 10

I.5.Document Object Model u JavaScriptu 10

I.6.Sigurnost 14

II.Upoznavanje s jezikom 15

II.1.Način pisanja 15

II.2.Uključivanje JavaScripta u HTML-dokument 17

II.3.Pogreške 23

III.Varijable i objekti 24

3.1. Vrste podataka 24

3.2. Varijable 28

3.3. Objekti 29

IV.Operatori 34

4.1. Aritmetički operatori 34

4.2. Operator pridruživanja 34

4.3. Operatori uspoređivanja 35

4.4. Logički operatori 37

4.5. Operator spajanja 37

4.6. Vježba 2. 38

V.Funkcije 39

5.1. Definiranje funkcije 39

5.2. Poziv funkcije 41

5.3. Doseg varijabli 41

5.4. Vježba 3. 43

VI.Naredbe za kontrolu tijeka 44

6.1. Uvjetno izvođenje naredbi 44

6.2. Višestruka usporedba 46

6.3. Uvjetni operator 47

6.4. Petlja s uvjetom na početku 47

6.5. Petlja s uvjetom na kraju 49

6.6. Petlja s poznatim brojem ponavljanja 49

6.7. Vježba 4. 50

VII.Obrasci 54

7.1. Prvi obrazac 54

7.2. Unos kraćih nizova znakova 56

7.3. Odabir jedne od mogućnosti 61

7.4. Uključivanje i isključivanje jedne mogućnosti 62

7.5. Odabir jedne od mogućnosti na drugi način 63

VIII.JavaScript biblioteka – jQuery 72

8.1. Općenito o JavaScript bibliotekama 72

8.2. jQuery 72

8.3. Prerada obrazaca uz pomoć biblioteke jQuery 74

IX.Korisne skripte 78

9.1. Rollover 78

9.2. Preusmjeravanje 79

9.3. Provjera pomoću regularnih izraza 79

9.4. Upravljanje preglednikom 84

X.Zadaci 88

XI.Dodatak 89

Uvod 4

I.Što je JavaScript? 6

I.1.Naziv JavaScript 6

1.1.Povijest JavaScripta 6

I.2.Skriptni jezici 7

I.3.Preglednici (browsers) 9

I.4.Aplikacije za uređivanje teksta (editors) 10

I.5.Document Object Model u JavaScriptu 10

I.6.Sigurnost 14

II.Upoznavanje s jezikom 15

II.1.Način pisanja 15

2.1.2. Znak za završetak naredbe 15

1.1.1.Komentari 16

1.1.2.Varijable 16

II.2.Uključivanje JavaScripta u HTML-dokument 17

II.2.1.JavaScript u zasebnoj datoteci 20

1.1.3.Obrada događaja 20

1.1.4.JavaScript u URL-u 21

II.3.Pogreške 23

III.Varijable i objekti 24

3.1. Vrste podataka 24

3.1.1. Brojevi 24

3.1.2. Nizovi znakova 26

3.1.3. Logičke vrijednosti 27

3.1.4. Polja 27

3.1.5. Nepostojeća i nedefinirana vrijednost 28

3.2. Varijable 28

3.3. Objekti 29

IV.Operatori 34

4.1. Aritmetički operatori 34

4.2. Operator pridruživanja 34

4.3. Operatori uspoređivanja 35

4.4. Logički operatori 37

4.5. Operator spajanja 37

4.6. Vježba 2. 38

V.Funkcije 39

5.1. Definiranje funkcije 39

5.2. Poziv funkcije 41

5.3. Doseg varijabli 41

5.4. Vježba 3. 43

VI.Naredbe za kontrolu tijeka 44

6.1. Uvjetno izvođenje naredbi 44

6.2. Višestruka usporedba 46

6.3. Uvjetni operator 47

6.4. Petlja s uvjetom na početku 47

6.5. Petlja s uvjetom na kraju 49

6.6. Petlja s poznatim brojem ponavljanja 49

6.7. Vježba 4. 50

VII.Obrasci 54

7.1. Prvi obrazac 54

7.2. Unos kraćih nizova znakova 56

7.3. Odabir jedne od mogućnosti 61

7.4. Uključivanje i isključivanje jedne mogućnosti 62

7.5. Odabir jedne od mogućnosti na drugi način 63

VIII.JavaScript biblioteka – jQuery 72

8.1. Općenito o JavaScript bibliotekama 72

8.2. jQuery 72

8.3. Prerada obrazaca uz pomoć biblioteke jQuery 74

IX.Korisne skripte 78

9.1. Rollover 78

9.2. Preusmjeravanje 79

9.3. Provjera pomoću regularnih izraza 79

9.4. Upravljanje preglednikom 84

X.Zadaci 88

XI.Dodatak 89

Uvod 4

I.Što je JavaScript? 6

I.1.Naziv JavaScript 6

1.1.Povijest JavaScripta 6

I.2.Skriptni jezici 7

I.3.Preglednici (browsers) 9

I.4.Aplikacije za uređivanje teksta (editors) 10

I.5.Document Object Model u JavaScriptu 10

I.6.Sigurnost 14

II.Upoznavanje s jezikom 15

II.1.Način pisanja 15

2.1.2. Znak za završetak naredbe 15

1.1.1.Komentari 16

1.1.2.Varijable 16

II.2.Uključivanje JavaScripta u HTML-dokument 17

II.2.1.JavaScript u zasebnoj datoteci 20

1.1.3.Obrada događaja 20

1.1.4.JavaScript u URL-u 21

II.3.Pogreške 23

III.Varijable i objekti 24

3.1. Vrste podataka 24

3.1.1. Brojevi 24

3.1.2. Nizovi znakova 26

3.1.3. Logičke vrijednosti 27

3.1.4. Polja 27

3.1.5. Nepostojeća i nedefinirana vrijednost 28

3.2. Varijable 28

3.3. Objekti 29

IV.Operatori 34

4.1. Aritmetički operatori 34

4.2. Operator pridruživanja 34

4.3. Operatori uspoređivanja 35

4.4. Logički operatori 37

4.5. Operator spajanja 37

4.6. Vježba 2. 38

V.Funkcije 39

5.1. Definiranje funkcije 39

5.2. Poziv funkcije 41

5.3. Doseg varijabli 41

5.4. Vježba 3. 43

VI.Naredbe za kontrolu tijeka 44

6.1. Uvjetno izvođenje naredbi 44

6.2. Višestruka usporedba 46

6.3. Uvjetni operator 47

6.4. Petlja s uvjetom na početku 47

6.5. Petlja s uvjetom na kraju 49

6.6. Petlja s poznatim brojem ponavljanja 49

6.7. Vježba 4. 50

VII.Obrasci 54

7.1. Prvi obrazac 54

7.2. Unos kraćih nizova znakova 56

7.3. Odabir jedne od mogućnosti 61

7.4. Uključivanje i isključivanje jedne mogućnosti 62

7.5. Odabir jedne od mogućnosti na drugi način 63

VIII.JavaScript biblioteka – jQuery 72

8.1. Općenito o JavaScript bibliotekama 72

8.2. jQuery 72

8.3. Prerada obrazaca uz pomoć biblioteke jQuery 74

IX.Korisne skripte 78

9.1. Rollover 78

9.2. Preusmjeravanje 79

9.3. Provjera pomoću regularnih izraza 79

9.4. Upravljanje preglednikom 84

X.Zadaci 88

XI.Dodatak 89

Uvod 4

I.Što je JavaScript? 6

I.1.Naziv JavaScript 6

1.1.Povijest JavaScripta 6

I.2.Skriptni jezici 7

I.3.Preglednici (browsers) 9

I.4.Aplikacije za uređivanje teksta (editors) 10

I.5.Document Object Model u JavaScriptu 10

I.6.Sigurnost 14

II.Upoznavanje s jezikom 15

II.1.Način pisanja 15

2.1.2. Znak za završetak naredbe 15

1.1.1.Komentari 16

1.1.2.Varijable 16

II.2.Uključivanje JavaScripta u HTML-dokument 17

II.2.1.JavaScript u zasebnoj datoteci 20

1.1.3.Obrada događaja 20

1.1.4.JavaScript u URL-u 21

II.3.Pogreške 23

III.Varijable i objekti 24

3.1. Vrste podataka 24

3.1.1. Brojevi 24

3.1.2. Nizovi znakova 26

3.1.3. Logičke vrijednosti 27

3.1.4. Polja 27

3.1.5. Nepostojeća i nedefinirana vrijednost 28

3.2. Varijable 28

3.3. Objekti 29

IV.Operatori 34

4.1. Aritmetički operatori 34

4.2. Operator pridruživanja 34

4.3. Operatori uspoređivanja 35

4.4. Logički operatori 37

4.5. Operator spajanja 37

4.6. Vježba 2. 38

V.Funkcije 39

5.1. Definiranje funkcije 39

5.2. Poziv funkcije 41

5.3. Doseg varijabli 41

5.4. Vježba 3. 43

VI.Naredbe za kontrolu tijeka 44

6.1. Uvjetno izvođenje naredbi 44

6.2. Višestruka usporedba 46

6.3. Uvjetni operator 47

6.4. Petlja s uvjetom na početku 47

6.5. Petlja s uvjetom na kraju 49

6.6. Petlja s poznatim brojem ponavljanja 49

6.7. Vježba 4. 50

VII.Obrasci 54

7.1. Prvi obrazac 54

7.2. Unos kraćih nizova znakova 56

7.3. Odabir jedne od mogućnosti 61

7.4. Uključivanje i isključivanje jedne mogućnosti 62

7.5. Odabir jedne od mogućnosti na drugi način 63

VIII.JavaScript biblioteka – jQuery 72

8.1. Općenito o JavaScript bibliotekama 72

8.2. jQuery 72

8.3. Prerada obrazaca uz pomoć biblioteke jQuery 74

IX.Korisne skripte 78

9.1. Rollover 78

9.2. Preusmjeravanje 79

9.3. Provjera pomoću regularnih izraza 79

9.4. Upravljanje preglednikom 84

X.Zadaci 88

XI.Dodatak 89