UNIVERZITET U NOVOM SADU, FAKULTET TEHNIKIH NAUKA

DEPARTMAN ZA GRAFIKO INENJERSTVO I DIZAJN

WEB DIZAJN
-predavanje VIII klijentske i serverske skripte, JS

JavaScript uloga
JS je trea karika FRONT-END razvoja veb strane
1. HTML definie SADRAJ veb strane
2. CSS odreuje IZGLED veb strane
3. JavaScript odreuje (programira) PONAANJE
veb strane

istorijat JS
JavaScript je definisan 1995. godine od strane
Brendana Ajha (Brendan Eich) iz kompanije
NetScape i prvobitno ime je bilo LiveScript
meunarodna organizacija za standarde u
informacionim i komunikacionim sistemima
(European Computer Manufactures Association ECMA) standardizovala je JavaScript 1997. godine
pod nazivom ECMAscript
ECMAScript 2016 (jun 2016.) je najnovija
JavaScript verzija
3

poetna ideja
pokretaka ideja iz koje je proizaao JavaScript je
bila potreba za uvoenjem interaktivnosti u
HTML

<script> i skript jezici

element <script> definie skriptu koja se pokree
direktno u veb itau
moe biti vie skripti u HTML dokumentu
ita sve izmeu tagova <script> i </script>
interpretira kao sintaksu skripte
<script>
document.getElementById("demo").innerHTML = "My First
JavaScript";
</script>

JavaScript podrazumevani skript jezik

ranije: da bi ita znao da se radi o JavaScript
jeziku definisano je atributom type sa vrednou
text/javascript
<script type="text/javascript"> ... </script>

danas: atribut type nije obavezan i esto se

izostavlja jer je JavaScript podrazumevani skript
jezik u HTML dokumentu
JS predstavlja KLIJENTSKU SKRIPTU
(client-side script)
6

JS kao klijentska skripta

obezbeuju interaktivnost na veb stranicama
jednostavan programski jezik
izvrava se lokalno na klijentu (veb itau
korisnika) klijentska skripta (u izvesnim
situacijama se moe izvravati na serveru)
ita izvrava skriptu ve kod tumaenja
(interpretacije) HTML dokumenta
interpretirani jezik tj. izvrava se bez prethodnog
kompajliranja

interpretiranje JS kao klijentske skripte

kada ita korisnika prihvati veb stranu koja sadri
JavaScript kod, kod se alje JavaScript
interpreteru koji izvrava skriptu
kako svaki ita ima svoj interpreter, mogu da
postoje razlike u nainu na koji se skript izvrava

JavaScript (JS) Java

JavaSript i Java su RAZLIITI programski jezici
JS po sintaksi je slian jeziku C, ali je jednostavniji i
ogranienih mogunosti u odnosu na C
JS nema tipove podataka

kod deklaracije promenljivih se ne stavlja tip

(interpreter)

JS nema sposobnost kreiranja novih klasa i

objekata (nije objektno-orjentisan kao Java), ali
ima mogunost rada sa unapred datim
(ugraenim) objektima zbog ega se naziva
objektno-zasnovan
9/61

JavaScript (JS) Java

Java Script
Ne kompajlira se, ve samo
interpretira kod klijenta
Objektno zasnovan.
Koristi postojee objekte, bez
klasa ili naslea
Kod je integrisan u HTML
Tip promenljive se ne deklarie

Java
Kompajlira se na serveru pre
izvrenja kod klijenta
Objektno orjentisan
Apleti sadre objekte sastavljene
od klasa sa nasleem
Applet je izdvojen iz HTML-a
Tip
promenljive
mora
biti
deklarisan
Dinamika povezanost
Statika povezanost
Objektne reference proveravaju Objektne
reference
moraju
se u vreme izvravanja
postojati u vreme kompajliranja
10

serverske skripte
serverske skripte se izvravaju od strane veb servera ili
preko modula koji se dodaju veb serveru
najee koriene server - side tehnologije skriptnih
jezika su:

PHP
ASP/ASP.NET
JSP (Java Server Pages)

Koriste se jo i:

ColdFusion
PERL
Python
11

serverske skripte
skriptovi serverske strane se upotrebljavaju za:

procesiranje (obradu) formi

kreiranje (generisanje) i prikazivanje veb strana sa
informacijama iz baze podataka
prilagoavanje veb itaa

skripte serverske strane zahtevaju instaliran

interpreter skriptnog jezika na serveru i
proizvode isti output bez obzira na ita klijenta,
operativni sistem koji klijent koristi i druge detalje
klijentskog sistema
12

client-side vs server-side
skripte klijentske strane imaju vei pristup
informacijama i funkcijama koje se nalaze na
klijentskim raunarima, dok skripte serverske strane
imaju vei pristup istim na serveru

13

mogunosti JS
omoguava interaktivnost veb stranicama - kada veb
strana treba da reaguje na korisnikovu interakciju (klik
miem) ili sistemski dogaaj (uitavanje stranice)
itanje i pisanje (promena sadraja) HTML elemenata
da izvri proveru validnosti podataka unetih u formu
pre predaje tih podataka serveru preprocesiranje
forme
(deo ovih funkcionalnosti je danas zamenjeno sa novim HTML5
elementima i tipovima inputa poput email, search, range, date,
time, number....)
14

mogunosti JS
prepoznavanje veb itaa (npr. testira ita da li ima
neophodne dodatke (plug-ins) za uitavanje traene
strane i, ako ih nema, JS usmerava korisnika na sajt
za preuzimanje)
kreiranje kolaia (cookies) -ita i upisuje vrednosti
cookies fajlova i dinamiki kreira HTML na osnovu
vrednosti kolaia

15

<script>
A. element<script>se moe nalaziti i u <head> i u <body>
sekciji HTML dokumenta, ali postoji razlika
kod definisan u elementu<script> u <body> sekciji se
kompajlira automatski prilikom uitavanja stranice
kod definisan u elementu <script> u <head> sekciji se
ne izvrava automatski, ve se poziva iz skripte u
<body> sekciji
B. kod skripte ne mora da se nalazi u HTML stranici, ve
moe da bude u eksternom dokumentu, a da se poziva iz
HTML dokumentu (ekstenzija .js)

JS u <body> sekciji
smetanje skripte na dno <body> sekcije
poboljava brzinu prikaza stranice, jer kompilacija
skripte usporava prikaz

17

eksterni JS (.js)
analogija sa CSS preporuka je da se koristi
eksterna skripta kada e se isti kod koristiti u
(velikom broju) razliitih veb stranica
analogija sa CSS u eksternom .js dokumentu
nema <script> tagova kao ni to u .css fajlu nema
<style> tagova
povezivanje sa eksterni .js dokumenti moe da
bude u body ili head sekciji (uobiajeno je to
<head> deo)
18

prednosti ekternog JS
razdvajanje HTML koda (sadraja) od JS koda
lake odravanje (menjanje, auriranje) i HTML i JS
dokumenata
keirani JS dokumenti mogu da ubrzaju uitavanje
stranice
jedna veb stranica moe biti povezana sa vie .js
dokumenata
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
19

HTML DOM (Document Object Model)

DOM je W3C standard za pristup dokumentima:
"The W3C Document Object Model (DOM) is a platform
and language-neutral interface that allows programs
and scripts to dynamically access and update the
content, structure, and style of a document."
3 vrste W3C DOM standarda

Core DOM - standard model za sve tipove dokumenata

XML DOM - standard model za XML dokumente
HTML DOM - standard model za HTML dokumente

20

HTML DOM drvo objekata

kada se stranica uita, ita kreira
Document Object Model stranice

21

DOM vor (node)

kompletan dokument je document node

svaki HTML element je element node
svaki tekst unutar HTML elementa je text node
svaki HTML atribut je attribute node
svaki komentar je comment node

22

hijerarhija objekata (vorova)

23

hijerarhija objekata (vorova)

<html> - root node
<html> - roditeljski node za <head> i <body>
<head> i <body> - siblings nodes

24

navigacija izmeu vorova

parentNode
childNodes[nodenumber]
firstChild
lastChild
nextSibling
previousSibling

25

JS pomou DOM-a moe da

kreira DINAMINI HTML

promeni sadraj HTML elemenata ili vrednost atributa

na stranici
izbrie postojee HTML elemente i atribute ili doda
nove HTML elemente i atribute
reaguje na HTML dogaaje na stranici ili kreira nove
HTML dogaaje na stranici
menja stil (CSS) HTML elemenata

26

HTML DOM definie

HTML elemente kao objekte
svojsta (properties) svih HTML elemenata
metode (methods) za pristup svim HTML
elementima
dogaaje (events) za sve HTML elemente

27

metode (methods) & svojsta (properties)

HTML DOM metode su akcije koje mogu da se
izvre nad HTML elementima npr. dodavanje ili
brisanje HTML elemenata
HTML DOM svojstva su osobine HTML elemenata
ija vrednost moe da se podesi ili promeni npr.
promena sadraja elementa

28

PRIMER
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
document objekat predstavlja celu veb stranicu i sadri sve ostale
objekte - da bi se pristupilo bilo kom elementu stranice, prvo se prisuta
document objektu
getElementById - metod za pristup elementu prema vrednosti id-a,
innerHTML - property moe da se iita ili promeni sadraj bilo koje
HTML elementa ukljuujui i <html> i<body>

29

nalaenje HTML elementa

1. prema id-u:
document.getElementById(id)
2. prema imenu taga
document.getElementsByTagName(ime)
3. prema imenu klase
document.getElementsByClassName(ime)
4. prema CSS selektoru
document.querySelectorAll(selektor");
5. prema HTML kolekciji objekata
30

kolekcije objekata
kolekcija

ta obuhvata

document.forms

vraa sve <form> elemente

document.head

vraa <head> element

document.images

vraa sve<img> elemente

document.body

vraa <body> element

document.cookie

vraa kolaie dokumenta

document.doctype

vraa deklaraciju (doctype) dokumenta

document.title

vraa <title> element

document.links

vraa sve <area> i <a> elemente koji imaju href atribut

document.readyState

vraa (loading) status dokumenta

document.scripts

vraa sve <script> elemente

document.lastModified

vraa datum i vreme auriranja dokumenta

31

nalaenje prema HTML kolekciji objekata

PRIMER:
<form id="frm1" action="form_action.asp">
First name: <input type="text" name="fname"
value="Donald"><br>
Last name: <input type="text" name="lname"
value="Duck"><br><br>
<input type="submit" value="Submit">
</form>
32

nalaenje prema HTML kolekciji objekata

PRIMER:
<script>
function myFunction() {
var x = document.forms["frm1"];
var text = "";
var i;
for (i = 0; i < x.length ;i++) {
text += x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
</script>

33

promena sadraja, atributa ili stila elementa

Sintaksa

Uloga

element.innerHTML = new html content Promena sadraja HTML elementa

element.attribute = new value

Promena vrednosti atributa

element.setAttribute(attribute, value)

Promena vrednosti atributa

element.style.property = new style

Promena stila elementa

34

promena sadraja HTML elementa

innerHTML svojstvo definie sadraj HTML elementa
esto koriena JS metoda za lociranje i pristup
elementu je document.getElementById().
primer: pronalaenje HTML elementa pomou id
vrednosti (id= "placeholder") i promena sadraja ovoj
elementa (innerHTML) u " JS pie ovaj sadraj!":

document.getElementById('placeholder').innerHTML = ' JS
pie ovaj sadraj! ';
<button type="button" onclick=
"document.getElementById(' placeholder ').innerHTML = 'JS
pie ovaj sadraj!'"> Click Me!</button>

35

primer
<!DOCTYPE html>
<html> <head></head>
<body>
<h1>JavaScript primer</h1>
<button type="button"

onclick=
"document.getElementById('placeholder').innerHTML = Date()">

prikai vreme i datum</button>

<p id="placeholder">ovde e se prikazati vreme i
datum</p>
</body>
</html>

36

PRIMER
<body>

<button type="button"
onclick="document.getElementById('placeholder').in
nerHTML = 'JS pie ovaj sadraj!'">promeni
tekst</button>
<p id="placeholder">placeholder tekst pre
poziva</p>

</body>
38

promena atributa HTML elementa

Primer promene src (source) atributa slike
(elementa <img> sa id "myImage"):
<button
onclick="document.getElementById('myImage').src='pic_b
ulbon.gif'">Turn on the light</button>

39

promena stila (CSS) HTML elementa

nakon lociranja elementa, moe mu se promeniti
bilo koje CSS svojstvo
primer promena CSS svojstva font-size za
element iji je id placeholder
document.getElementById(placeholder").style.fontSize=
"25px";

40

promena stila (CSS) HTML elementa

specifinu promenu stila predstavlja i
sakrivanje/otkrivanje elementa
document.getElementById("demo").style.display = "none";
document.getElementById("demo").style.display = "block";
document.getElementById("demo").style.visibility= hidden";
document.getElementById("demo").style.visibility = visible";

41

Dodavanje ili brisanje elemenata

document.createElement(element)

kreiranje HTML elementa

document.removeChild(element)

uklanjanje HTML elementa

document.appendChild(element)

dodavanje HTML elementa

document.replaceChild(element)

zamena HTML elementa

document.write(text)

ispis kao HTML output

42

dodavanje novih dogaaja (events

handlera)
document.getElementById(id).onclick =
function(){code}
Adding event handler code to an onclick event

43

DOM animacije
var id = setInterval(frame, 5);
function frame() {
if (/* uslov za kraj animacije*/) {
clearInterval(id);
} else {
/* kod animacije*/
}
}
44

primena event handlera

kompletan JS kod u event handleru u HTML elementu
<h1 onclick="this.innerHTML='Ooops!'">Click on this
text!</h1>

poziv funkcije u event handleru u HTML elementu

<h1 onclick="changeText(this)">Click on this text!</h1>
<script>
function changeText(target) {
target.innerHTML = "Ooops!";
}
</script>
45

sistem dogaaja
JS omoguava da se veb stranica dinamiki menja
procesirajui dogaaje kreirane od strane korisnika
(korisniki dogaaji) ili sistema (sistemski
dogaaji)
svoro svaki HTML element moe imati atribute koji
slue za procesiranje dogaaja tzv. event-handler:
<ime_taga atribut_dogaaja=JS_funkcija(argumenti)">
npr. <body onload="ucitavanje()">

46

Atribut

Dogaa se kada ...

onabort

se prekine uitavanje slike

onblur

element izgubi fokus

onchange

korisnik promeni sadraj polja

onclick

se klikne miem na objekat

ondblclick

se dva puta klikne po objektu

onerror

se dogodi greka prilikom uitavanja dokumenta ili slike

onfocus

element dobije fokus

onkeydown

se pritisne taster

onkeypress

se pritisne, pa otpusti taster, ili se dri pritisnut

onkeyup

se otpusti taster

onload

se stranica ili slika uita

Atribut

Dogaa se kada ...

onmousedown

se pritisne dugme mia

onmousemove

se mi pomera

onmouseout

mi izae izvan zone elementa

onmouseover

mi pree preko elementa

onmouseup

se otpusti dugme mia

onreset

se klikne na reset dugme

onresize

se prozoru ili frejmu promeni veliina

onselect

je tekst selektovan

onsubmit

se klikne na dugme submit u formi

onunload

korisnik napusti stranicu

EventListener
element.addEventListener(event, function,
useCapture);

49

bubbling vs Capturing
here are two ways of event propagation in the HTML DOM,
bubbling and capturing.
Event propagation is a way of defining the element order when
an event occurs. If you have a <p> element inside a <div>
element, and the user clicks on the <p> element, which
element's "click" event should be handled first?
In bubbling the inner most element's event is handled first and
then the outer: the <p> element's click event is handled first,
then the <div> element's click event.
In capturing the outer most element's event is handled first and
then the inner: the <div> element's click event will be handled
first, then the <p> element's click event.
With the addEventListener() method you can specify the
propagation type by using the "useCapture" parameter:
50

 addEventListener(event, function, useCapture);

The default value is false, which will use the
bubbling propagation, when the value is set to
true, the event uses the capturing propagation.
document.getElementById("myP").addEventListene
r("click", myFunction, true);
document.getElementById("myDiv").addEventListe
ner("click", myFunction, true);
51

 element.removeEventListener("mousemove",
myFunction);

52

53

ta se moe uraditi sa JS?

promeniti sadraj HTML elementa
promeniti atribut HTML elementa
promeniti stil (CSS) HTML elementa

54

ispis
JavaScript nema ugraene funkcije za prikaz ili
tampu
ispis se moe kreirati u:

u HTML elementu koristei innerHTML

info prozoru koristei window.alert()
u HTML prozoru koristei document.write()
u konzoli itaa koristei console.log()

55

window.alert()
<script>
window.alert("Dobrodoli na na sajt!");
</script>

56

document.write()
<h1>JS ispis</h1>
<p>Primer sa document.write</p>
<script>
document.write("Dobrodoli na na sajt!");
</script>

57

document.write()
document.write() se retko upotrebljava zato to
e izbrisati kompletan sadraj stranice ako se
pozove nakon uitavanja stranice
obino se koristi samo za testiranje
<button type="button"
onclick="document.write('Dobrodoli na na
sajt!')">Klikni!</button>

58

JS sintaksa
JS kod predstavlja listu programskih instrukcija koje se
nazivaju naredbe
JS naredbe se razdvajaju separatorom (;)
JavaScript naredbe koriste:
vrednosti (fiksne vrednosti- literali i promenljivevarijable),
operatore
izraze
kljune rei
(i komentare koji ne utiu na izvravanje naredbe ve su
to kao hint programeru)
59

promenljive
promenljive ili varijable se koriste za skladitenje
vrednosti podataka
JS koristi var kljunu re za deklaraciju
promenljivih
znak jednakosti se koristi za dodelu vrednosti
promenljivoj

60

promenljive
varijable se deklariraju bez specifikacije tipa
podatka i tipovi podataka se konvertiraju jedan u
drugi tokom izvrsavanja(eng. loosely typed
lanaguage):
primer:
var a;
var b = 5;
var c = "Pera";

promenljive
nakon deklaracije, varijabla se moe inicijalizovati:
var x;
x = 5;

inicijalizacija moe i uz deklaraciju:

var x = 5;

varijabla moe i da promeni tip:

var x = 5;
x = "Mika";

aritmetiki i operatori dodele

aritmetiki: + - * / % ++ -x = 5;
y = x * 4;
z = y % 5;

dodele: = += -= *= /= %=
y += 5;

y=y+5;

operator + ima posebno znaenje kada su operandi

stringovi:
a = "Pera";
b = poloio";
c = a + b;

kada sabiramo stringove i brojeve, rezultat je string

aritmetiki operatori, npr. y=5

operator
x=y+2
x=y-2
x=y%2
x=++y
x=y++
x=--y

rezultat
x=7
x=3
x=1
x=6, y=6
x=5, y=6
x=4

operatori dodele, npr. x = 10; y = 5;

operator
x=y
x+=y
x-=y
x*=y
x/=y
x%=y

isto kao
x=x+y
x=x-y
x=x*y
x=x/y
x=x%y

rezultat
x=5
x=15
x=5
x=50
x=2
x=0

relacioni operatori
relacioni: == === != < <= > >=

x = 5;
if (x == 5) document.write("x je jednako 5");

operator === poredi i vrednost i tip:

if (x === "5")
document.write("x je string sa sadrajem 5");

rezultat relacionih operatora je logika vrednost

tano (true) ili netano (false)

relacioni operatori, npr. x=5

operator
==
===
!=
>
<
>=
<=

rezultat
x == 8 je netano (false)
x === 5 je tano (true)
x === "5" je netano (false)
x != 8 je tano (true)
x > 8 je netano (false)
x < 8 je tano (true)
x >= 8 je netano (false)
x <= 8 je tano (true)

logiki operatori
&& || !
rezultat logikih operatora je tano (true) ili
netano (false)
operandi logikih operatora su logiki izrazi
&&

||

0 0 1

0 1

1 1 1

1 0

0 1

logiki operatori, npr. x = 6; y = 3;

operator objanjenje
&&
konjukcija (and, i)
||

disjunkcija (or, ili)

negacija (not, ne)

primer
((x < 10) && (y > 1))
tano (true)
((x==5) || (y==5))
netano (false)
!(x==y)
tano (true)

kontrola toka

if else
switch
for
while
do while
break
continue

if else uslovno grananje

opta sintaksa:
if (uslov 1)
{ blok naredbi 1}
else if (uslov 2)
{ blok naredbi 2}
else
{ blok naredbi 3}

if else primer 1
if (poeni > 94)
ocena = 10;
else if (poeni > 84)
ocena = 9;
else if (poeni > 74)
ocena = 8;
else if (poeni > 64)
ocena = 7;
else if (poeni > 54)
ocena = 6;
else ocena = 5;

7
2/6

if else primer 2
<script>
var d = new Date();
var time = d.getHours();
if (time < 10)
{ document.write("Dobro jutro!"); }
else
{ document.write("Dobar dan!"); }
</script>

73
/61

uslovni operator
opta sintaksa
promenljiva=(uslov)?vrednost1:vrednost2
znaenje je isto kao i :
if (uslov)
promenljiva = vrednost1;
else
promenljiva = vrednost2;

primer: x = (y>3)?5:6;

switch
switch (a)
{
case 1:
case 2: i = j + 6;
break;
case 3: i = j + 14;
break;
default: i = j + 8;
}

switch
izraz u switch() izrazu mora da ima celobrojnu
vrednost
ako nema celobrojnu vrednost, ne moe da se
koristi switch(), ve if()!
ako se izostavi break; propae u sledei case
kod default izraza ne mora da se stavi break - to se
podrazumeva.

switch primer
var d=new Date(); theDay=d.getDay();
switch (theDay)
{
case 1: document.write(Ponedeljak"); break;
case 2: document.write(Utorak ");
break;
case 3: document.write("Sreda");
break;
case 4: document.write(Cetvrtak");
break;
case 5: document.write("Petak");
break;
case 6: document.write("Subota");
break;
case 0: document.write("Nedelja");
break;
default: document.write("Jos nije vikend!");
}

while
koristi se u sluaju cikline strukture kod koje se
zna uslov za prekid
telo ciklusa ne mora nijednom da se izvri
opta sintaksa:
while (uslov)
blok naredbi

vano: izlaz iz petlje na false!

Js_while.html

7
8/6

while primer
var i=0;
while (i<=10)
{
document.write("Trenutno je " + i);
document.write("<br />");
i=i+1;
}

7
9/6

do while
koristi se za ciklinu strukturu kod koje se zna uslov
za prekid
razlika u odnosu na while petlju je u tome to se
telo ciklusa izvrava makar jednom
opta sintaksa:
do
blok naredbi
while (uslov);

vano: izlaz iz petlje na false!

Primer
var i=0;
do
{
document.write("The number is " + i);
document.write("<br />");
i=i+1;
}
while (i<10);

for
Za organizaciju petlji kod kojih se unapred zna
koliko puta e se izvriti telo ciklusa.
Petlja sa poetnom vrednou, uslovom za kraj i
blokom za korekciju.
Opta sintaksa:
for (inicijalizacija; uslov; korekcija)
telo

for

for (i = 0; i < 10; i++)

document.write(i + "<br/>");
moe i viestruka inicijalizacija i step-statement:
for(i = 0, j = 1; i < 10 && j != 11;i++, j++)
oprez (moe da se ne zavri):
var x;
for (x = 0; x != 10; x+=0.1) ...

Primer
var i=0;
for (i=0; i <= 10; i++)
{
document.write("The number is " + i);
document.write("<br />");
}

break vs. continue

break prekida telo tekue cikline strukture (ili
case dela) i izlazi iz nje
continue prekida telo tekue cikline strukture i
otpoinje sledeu iteraciju petlje

Js_loop*.html

8
5/6

for ... in petlja

za iteriranje kroz nizove
opta sintaksa:
for (promenljiva in niz) {
...
}

Js_for_in.html

8
6/6

for ... in petlja primer

var x;
var vozila = new Array();
vozila[0] = "Saab";
vozila[1] = "Volvo";
vozila[2] = "BMW";
for (x in vozila)
{
document.write(vozila[x] + "<br />");
}

8
7/6

JS funkcije i dogaaji
JS funkcija predstavlja blok JS koda koji se izvrava
po pozivu
function myFunction() {
document.getElementById("demo").innerHTML = " ".;
}

funkcija se moe izvriti kada se neki dogaaj desi

korisniki dogaaj ili sistemski dogaaj

88

funkcije
opta sintaksa:
function f(arg1, arg2) {
...
return vrednost;
}

8
9/6

Js_call_function*.html

ugraene funkcije
sistemske funkcije:

isNaN() vraa true ako prosleeni string nije broj

eval() interpretira prosleeni string kao JavaScript
kod
parseInt() parsira string u celobrojni podatak
parseFloat() parsira string u float promenljivu
alert() ispis poruke u MessageBox-u
escape(), unescape() kodira/dekodira URL (npr.
zamenjuje razmak simbolom '+' i sl.)