Embed Size (px)
DESCRIPTION
wvw
Citation preview
JavaScriptJavaScript
Vježbe 4Vježbe 4
JavaScript je programski jezik koji se koristi JavaScript je programski jezik koji se koristi za dodavanje interaktivnosti WWW za dodavanje interaktivnosti WWW prezentacijamaprezentacijama na strani klijenta na strani klijenta..
Za razliku od kompajler (compiled) jezika Za razliku od kompajler (compiled) jezika nije potrebno njegovo prevođenje u nije potrebno njegovo prevođenje u mašinski kod prije izvršavanja, on mašinski kod prije izvršavanja, on predstavlja interpretirajući jezik-pretraživač predstavlja interpretirajući jezik-pretraživač izvršava svaku liniju skripte kako dođe do izvršava svaku liniju skripte kako dođe do nje.nje.
JavaScript se obično uvodi direktno u HTML JavaScript se obično uvodi direktno u HTML stranice.stranice.
JavaScript se izvršava na strani klijenta JavaScript se izvršava na strani klijenta (WWW čitača) i njegov interpreter mora biti (WWW čitača) i njegov interpreter mora biti implementiran u WWW čitač da bi se implementiran u WWW čitač da bi se JavaScript kod izvršavao.JavaScript kod izvršavao.
Namjene JavaScripta:Namjene JavaScripta: JavaScript kao skripting jezik ima jednostavniju JavaScript kao skripting jezik ima jednostavniju
sintaksu od pravog programskog jezika, ali ipak sintaksu od pravog programskog jezika, ali ipak kreatorima HTML stranica koji u principu ne moraju biti kreatorima HTML stranica koji u principu ne moraju biti programeri daje programski alat.programeri daje programski alat.
JavaScript reaguje na događaje:JavaScript reaguje na događaje: on se može postaviti on se može postaviti tako da se izvršava kad se nešto desi, npr. nakon tako da se izvršava kad se nešto desi, npr. nakon preuzimanja stranice sa Interneta ili kad korisnik klikne preuzimanja stranice sa Interneta ili kad korisnik klikne na određeni HTML element. na određeni HTML element.
JavaScript omogućava pravljenje aktivnog korisničkog JavaScript omogućava pravljenje aktivnog korisničkog interfejsa, dajući povratne informacije korisnicima dok interfejsa, dajući povratne informacije korisnicima dok se kreću kroz stranice.se kreću kroz stranice.
JavaScript se može koristiti za utvrđivanje validnosti JavaScript se može koristiti za utvrđivanje validnosti podataka koje je korisnik unio u formu, čime je server podataka koje je korisnik unio u formu, čime je server lišen dodatne obrade.lišen dodatne obrade.
JavaScript se može koristiti da detektuje browser JavaScript se može koristiti da detektuje browser posjetioca i zavisno od browser-a može preuzeti drugu posjetioca i zavisno od browser-a može preuzeti drugu stranicu koja je specijalno dizajnirana za taj browser.stranicu koja je specijalno dizajnirana za taj browser.
JavaScript se može koristiti za kreiranje cooky-a (način JavaScript se može koristiti za kreiranje cooky-a (način da se privremeno pohrane dodatne informacije o da se privremeno pohrane dodatne informacije o korisniku u odnosu na WWW prezentaciju kojoj trenutno korisniku u odnosu na WWW prezentaciju kojoj trenutno pristupa, što je velika pomoć pri kreiranju prezentacija, pristupa, što je velika pomoć pri kreiranju prezentacija, koje se na taj način mogu bolje prilagoditi korisnicima).koje se na taj način mogu bolje prilagoditi korisnicima).
JavaScript se ne može poistovjećivati sa JavaScript se ne može poistovjećivati sa Javom, budući da se pomoću Jave mogu Javom, budući da se pomoću Jave mogu kreirati pravi programi koji se izvršavaju kreirati pravi programi koji se izvršavaju potpuno nezavisno od WWW čitača, ili Java potpuno nezavisno od WWW čitača, ili Java apleti koji se mogu pozvati iz HTML apleti koji se mogu pozvati iz HTML dokumenta i koji se dovlače preko mreže i dokumenta i koji se dovlače preko mreže i onda izvršavaju u okviru čitača (browseraonda izvršavaju u okviru čitača (browsera). ).
Uvođenje JavaScripta u HTML dokumentUvođenje JavaScripta u HTML dokument
JavaScript se uključuje u HTML dokument na jedan od sledeća JavaScript se uključuje u HTML dokument na jedan od sledeća četiri načina:četiri načina: u sekciji <body>... </body> unutar oznaka <script language="JavaScript" u sekciji <body>... </body> unutar oznaka <script language="JavaScript"
type="text/javascript"> ... </script>. U ovom slučaju izlazni podatak iz type="text/javascript"> ... </script>. U ovom slučaju izlazni podatak iz skripta se prikazuje kao dio HTML dokumenta kad pretraživač učita skripta se prikazuje kao dio HTML dokumenta kad pretraživač učita stranu.stranu.
u sekciji <head>... </head> unutar oznaka <script>...</script>. Skripte u u sekciji <head>... </head> unutar oznaka <script>...</script>. Skripte u zaglavlju ne mogu da kreiraju izlaz unutar HTML dokumenta, ali mogu zaglavlju ne mogu da kreiraju izlaz unutar HTML dokumenta, ali mogu da pozovu druge skripte. da pozovu druge skripte.
u sekciji <body>... </body> ili <form>... </form> unutar HTML elementa. u sekciji <body>... </body> ili <form>... </form> unutar HTML elementa. Ovo se zove slučajan pokazivač i dozvoljava da skript radi unutar HTML Ovo se zove slučajan pokazivač i dozvoljava da skript radi unutar HTML elementa. Tada se ne moraju koristiti oznake <script>...</script> elementa. Tada se ne moraju koristiti oznake <script>...</script>
u posebnim datotekama sa ekstenzijom .js, a da bi se koristila zasebna u posebnim datotekama sa ekstenzijom .js, a da bi se koristila zasebna datoteka, mora se u tekućem HTML dokumentu uključiti unutar oznaka, datoteka, mora se u tekućem HTML dokumentu uključiti unutar oznaka, na primer source.js: na primer source.js: <script language="JavaScript" type="text/javascript" src="source.js"> <script language="JavaScript" type="text/javascript" src="source.js"> </script></script>
U zavisnosti od toga, u kom segmentu U zavisnosti od toga, u kom segmentu HTML dokumenta je JavaScript uključen, HTML dokumenta je JavaScript uključen, postoje postoje i nekolikoi nekoliko načina izvršenja načina izvršenja JavaScript kodaJavaScript koda o kojima ćemo govoriti u o kojima ćemo govoriti u nastavku izlaganja.nastavku izlaganja.
Uvođenje JavaScript-a u HTML Uvođenje JavaScript-a u HTML stranicustranicu
Cio program se smiješta unutar HTML dokumenta, Cio program se smiješta unutar HTML dokumenta, unutar unutar scriptscript elementa <script> i </script>. elementa <script> i </script>.
<html><html><body><body><script type="text/javascript"><script type="text/javascript">document.write(“Zdravo!")document.write(“Zdravo!")</script></script></body></body></html></html>
Objašnjenje primjeraObjašnjenje primjera::Sa Sa <script type="text/javascript"> i </script> <script type="text/javascript"> i </script>
govorimo pretraživaču gdje JavaScript kod govorimo pretraživaču gdje JavaScript kod počinje i gdje se završava.počinje i gdje se završava.
document.writedocument.write – komanda za slanje teksta na – komanda za slanje teksta na izlaz (šalje tekst u prozor WWW čitača bez izlaz (šalje tekst u prozor WWW čitača bez pomjeranja)pomjeranja)
document:writeln (radi isto kao i prethodna document:writeln (radi isto kao i prethodna komanda, s tim što se poslije ispisa kurzor komanda, s tim što se poslije ispisa kurzor pomijera u sledeći red.pomijera u sledeći red.
primjer1primjer1, , primjer2primjer2
Primjer 2 predstavlja ujedno i primjer ispisa Primjer 2 predstavlja ujedno i primjer ispisa teksta sa formatiranjem.teksta sa formatiranjem.
Kod programskih jezika poput C++ i JavKod programskih jezika poput C++ i Javee, svaka , svaka linija koda se završavala sa (;), dok je kod linija koda se završavala sa (;), dok je kod JavaScript-a to opciono. Međutim ukoliko bi JavaScript-a to opciono. Međutim ukoliko bi pisali više linija koda (;) bi bila obavezna.pisali više linija koda (;) bi bila obavezna.
Postavlja se pitanje gdje uvesti JavaScript, da li Postavlja se pitanje gdje uvesti JavaScript, da li u body sekciju ili u zaglavlje (head), a moguće je u body sekciju ili u zaglavlje (head), a moguće je skripte smještati istovremeno i u head i u body skripte smještati istovremeno i u head i u body sekciju, sekciju, primjer3,primjer3, primjer4primjer4..
Primjer 3, predstavlja primjer smiještanja skripta Primjer 3, predstavlja primjer smiještanja skripta u head sekciju i on se izvršava kada se pozove ili u head sekciju i on se izvršava kada se pozove ili po pokretanju nekog JavaScript događaja. po pokretanju nekog JavaScript događaja.
Ako se JavaScript program poziva iz spoljnjeg Ako se JavaScript program poziva iz spoljnjeg fajla, najbolje mjesto za to je head sekcija HTML fajla, najbolje mjesto za to je head sekcija HTML dokumenta, kako bi se učitao odmah po dokumenta, kako bi se učitao odmah po preuzimanju HTML dokumenta.preuzimanju HTML dokumenta.
U U primjeru 4primjeru 4 skript je smješten u body sekciju i on skript je smješten u body sekciju i on generiše sadržaj stranice.generiše sadržaj stranice.
Moguće je skripte smiještati i u odvojeni fajl i u Moguće je skripte smiještati i u odvojeni fajl i u tom slučaju, ovaj fajl ne mora sadržati <script> tom slučaju, ovaj fajl ne mora sadržati <script> tag.tag.
U slučaju smiještanja skript-a u odvojeni U slučaju smiještanja skript-a u odvojeni dokument, isti skript možemo da koristimo u dokument, isti skript možemo da koristimo u raznim HTML dokumentima, bez potrebe da se isti raznim HTML dokumentima, bez potrebe da se isti skript piše na svakoj stranici.skript piše na svakoj stranici.
Eksterni JavaScript programi se pozivaju preko Eksterni JavaScript programi se pozivaju preko SRC atributa i moraju biti sa ekstenzijom .jsSRC atributa i moraju biti sa ekstenzijom .js
Uključivanje JavaScript programa direktno u Uključivanje JavaScript programa direktno u HTML dokument je dobro rješenje za male HTML dokument je dobro rješenje za male skriptove i jednostavne HTML dokumente, ali u skriptove i jednostavne HTML dokumente, ali u slučaju velikih i kompleksnih skriptova, bolje je slučaju velikih i kompleksnih skriptova, bolje je rješenje čuvati JavaScript program u posebnom rješenje čuvati JavaScript program u posebnom fajlu i njegovom pozivanju kad je skript potreban.fajlu i njegovom pozivanju kad je skript potreban.
Sumarno: Sumarno: U zavisnosti od toga u kom segmentu U zavisnosti od toga u kom segmentu HTML dokumenta je JavaScript uključen, postoje HTML dokumenta je JavaScript uključen, postoje tri načina izvršenja JavaScript koda:tri načina izvršenja JavaScript koda: Ako je skript uključen u zaglavlje (head sekciju) Ako je skript uključen u zaglavlje (head sekciju)
ignoriše se do poziva.ignoriše se do poziva. Ako je skript uključen u tijelo (body sekciju), rezultat Ako je skript uključen u tijelo (body sekciju), rezultat
se prikazuje na web strani.se prikazuje na web strani. Ako je skript vezan za događaj, skript se izvršava kad Ako je skript vezan za događaj, skript se izvršava kad
se desi događaj.se desi događaj.
<html> <head><SCRIPT SRC="prvi.js" LANGUAGE="JavaScript" TYPE="Text/JavaScript"> </SCRIPT> </head><body><p>Ovdje je dat primjer u kojem je JavaScript program smjesten u vanjskom fajlu.</p></body></html>
document.write("<HR> [email protected]"+"<BR>"); document.write("Moj broj u kancelariji 056-231-900 <HR>");
Vanjski fajl, pod imenom prvi.js:
Obrada grešaka u JavaScript-uObrada grešaka u JavaScript-u Prilikom pisanja složenijih JavaScript aplikacija, Prilikom pisanja složenijih JavaScript aplikacija,
sigurno će s vremena na vrijeme doći i do gršaka. sigurno će s vremena na vrijeme doći i do gršaka. Prikazivanje poruke o grešci će vam olakšati njeno Prikazivanje poruke o grešci će vam olakšati njeno otklanjanje.otklanjanje.
Ako napravite namjerno grešku a vaš pretraživač ne Ako napravite namjerno grešku a vaš pretraživač ne prikaže grešku, to znači da ga morate konfigurisati.prikaže grešku, to znači da ga morate konfigurisati.
Kod IE-a to radite na sledeći način:Kod IE-a to radite na sledeći način: Idite na Tools/Internet Options/AdvancedIdite na Tools/Internet Options/Advanced Odčekirajte opciju: Disable script debbuging (Internet Odčekirajte opciju: Disable script debbuging (Internet
ExplorerExplorer Čekirajte: Display a notification about every script errorČekirajte: Display a notification about every script error
Tipovi podatakaTipovi podataka
Osnovni tipovi podataka kod JavaScript-a suOsnovni tipovi podataka kod JavaScript-a su::
NumbersNumbersBooleansBooleansNullNullStringString
Numbers:Numbers: IntegersIntegers, cijeli brojevi bez zareza, cijeli brojevi bez zareza. . Cijeli brojevi u Cijeli brojevi u
JavaScriptu mogu biti predstavljeni u tri osnove:JavaScriptu mogu biti predstavljeni u tri osnove: Decimalnom formatu (baza 10). Niz cifara od 0-9, bez vodeće Decimalnom formatu (baza 10). Niz cifara od 0-9, bez vodeće
nule, primjer broj 10.nule, primjer broj 10. Oktalnom (baza 8). Niz cifara od 0-7. Primjer broja 10 u Oktalnom (baza 8). Niz cifara od 0-7. Primjer broja 10 u
oktalnom 012)oktalnom 012) Heksadecimalnom formatu, cijeli broj se predstavlja kao niz Heksadecimalnom formatu, cijeli broj se predstavlja kao niz
cifara (0-9) i slova (a-f i A-F) predvođen sa nulom koju slijedi cifara (0-9) i slova (a-f i A-F) predvođen sa nulom koju slijedi slovo x (“0x” ili “0X”), (primjer 0xA)slovo x (“0x” ili “0X”), (primjer 0xA)
FloatingFloating, brojevi sa pokretnim zarezom., brojevi sa pokretnim zarezom. Brojevi u pokretnom zarezu imaju sledeće dijelove: Brojevi u pokretnom zarezu imaju sledeće dijelove:
decimalni cio broj, decimalnu tačku (“.”), dio iza decimalnog decimalni cio broj, decimalnu tačku (“.”), dio iza decimalnog zareza (decimalni cio broj), eksponent (“e” ili “E”, praćen zareza (decimalni cio broj), eksponent (“e” ili “E”, praćen decimalnim cijelim brojem).decimalnim cijelim brojem).
Primjer :Primjer : 1.12 1.12
.1E23.1E23
-1.12-1.12
2E-102E-10
BooleansBooleans: mogu uzeti samo dvije vrijednosti : mogu uzeti samo dvije vrijednosti truetrue (tačno) (tačno) i i falsefalse (netačno) i koriste se većinom pri poređenju (netačno) i koriste se većinom pri poređenju podataka. podataka.
NullNull: Specijalna ključna riječ : Specijalna ključna riječ nullnull ukazuje da je ukazuje da je promjenjivoj dodijeljena promjenjivoj dodijeljena nullnull vrijednost. Ovo je vrijednost. Ovo je vrijednost za neodređenu promjenjivu. To ne znači da je vrijednost za neodređenu promjenjivu. To ne znači da je promjenjiva nedefinisana. Promjenjiva je nedefinisana promjenjiva nedefinisana. Promjenjiva je nedefinisana ako joj nije dodijeljena nikakava vrijednost i tada je ne ako joj nije dodijeljena nikakava vrijednost i tada je ne možemo dodijeliti drugoj promjenjivoj ili koristiti u možemo dodijeliti drugoj promjenjivoj ili koristiti u izrazima, a da ne dobijemo run-time grešku..izrazima, a da ne dobijemo run-time grešku..
npr document.write(npr document.write(nestonesto), će dati poruku o grešci ako ), će dati poruku o grešci ako promjenjiva promjenjiva nestonesto nije ranije upotrebljena. nije ranije upotrebljena.
StringoviStringovi: string je niz karaktera sačinjen od nula : string je niz karaktera sačinjen od nula ili više karaktera razdvojenih sa jednostrukim (‘) ili ili više karaktera razdvojenih sa jednostrukim (‘) ili dvostukim (“) navodnicima.dvostukim (“) navodnicima.““1234” ili ‘string’.1234” ili ‘string’.
U stringovima je dozvoljeno koristiti sledeće U stringovima je dozvoljeno koristiti sledeće specijalne karaktere:specijalne karaktere: \\b , pomjeraj za jedno b , pomjeraj za jedno mjestomjesto ulijevo (backspace) ulijevo (backspace) \\f ,pomjeraj jedan red dole (form feed)f ,pomjeraj jedan red dole (form feed) \\n, pomjeraj na početak novog reda (new line n, pomjeraj na početak novog reda (new line
character)character) \\r, return (carriage return)r, return (carriage return) \\t, tabulator (tab).t, tabulator (tab).
Pretvaranje između tipova podatakaPretvaranje između tipova podatakaU slučaju da imamo niz koji sadrži U slučaju da imamo niz koji sadrži
numeričku vrijednost, a potrebno je izdvojiti numeričku vrijednost, a potrebno je izdvojiti samo numeriču vrijednost dok se dio koji samo numeriču vrijednost dok se dio koji nije numerički ignoriše, to možemo uraditi nije numerički ignoriše, to možemo uraditi preko sledećih funkcija (ugrađene funkcije):preko sledećih funkcija (ugrađene funkcije):parseInt()parseInt() pretvara niz u cio broj pretvara niz u cio broj (primjer1)(primjer1)parseFloat()parseFloat() pretvara niz u float-point broj pretvara niz u float-point broj
(primjer2).(primjer2).
stringvar=“1000 navijaca je otislo na utakmicu”;stringvar=“1000 navijaca je otislo na utakmicu”;numvar=parseInt(stringvar);numvar=parseInt(stringvar);Kad se izvrše iskazi, promjenjiva numvar će sadržati Kad se izvrše iskazi, promjenjiva numvar će sadržati broj 1000.broj 1000.
EvalEval je takođe ugrađena funkcija JavaScript-a: je takođe ugrađena funkcija JavaScript-a: Eval:uzima string kao argument. String može da Eval:uzima string kao argument. String može da
sadrži ma koji string koji predstavlja JavaScript izraz, sadrži ma koji string koji predstavlja JavaScript izraz, naredbu ili sekvencu naredbi. Izraz može da uključuje naredbu ili sekvencu naredbi. Izraz može da uključuje promjenjive i osobine postojećih objekata.promjenjive i osobine postojećih objekata.
Ako argument predstavlja izraz, eval će izračunati Ako argument predstavlja izraz, eval će izračunati izraz. Ako argument predstavlja jednu ili više izraz. Ako argument predstavlja jednu ili više JavaScript naredbi eval će izvršiti te naredbe.JavaScript naredbi eval će izvršiti te naredbe.
Ova funkcija je korisna za transformisanje stringa koji Ova funkcija je korisna za transformisanje stringa koji predstavlja numerički izraz u broj, predstavlja numerički izraz u broj, primjer3primjer3
JavaScript vrijednosti i promjenjiveJavaScript vrijednosti i promjenjive
U JavaSU JavaSccriptu djelić neke informacije predstavlja riptu djelić neke informacije predstavlja neku “vrijednost”.neku “vrijednost”.
Postoje različite vrijednosti, a najpoznatije su Postoje različite vrijednosti, a najpoznatije su brojevi. Vrijednost niza znakova (stringa) jeste brojevi. Vrijednost niza znakova (stringa) jeste riječ ili riječi koja(e) se nalaze između navodnika.riječ ili riječi koja(e) se nalaze između navodnika.
Promjenjive (varijable) se koriste za memorisanje Promjenjive (varijable) se koriste za memorisanje podataka, podataka, primjer5primjer5..
Deklarisanje varijabli se može uraditi kao u Deklarisanje varijabli se može uraditi kao u primjeru5 preko primjeru5 preko
var name=“neka_vrijednost” ilivar name=“neka_vrijednost” iliname=“neka_vrijednost”name=“neka_vrijednost” Ime varijable je na lijevoj strani izraza, dok je Ime varijable je na lijevoj strani izraza, dok je
vrijednost koja se dodjeljuje varijabli na desnoj vrijednost koja se dodjeljuje varijabli na desnoj strani.strani.
Varijabla se može posmatrati kao kontejner u Varijabla se može posmatrati kao kontejner u kojem se mogu memorisati informacije. Vrijednost kojem se mogu memorisati informacije. Vrijednost varijable se može mijenjati u skriptu.varijable se može mijenjati u skriptu.
Imena varijabli mogu sadržati slova (a-z, A-Z), cifre Imena varijabli mogu sadržati slova (a-z, A-Z), cifre (0-9) i donju crtu ( _ ). Ključne riječi (for, if, else..) (0-9) i donju crtu ( _ ). Ključne riječi (for, if, else..) se ne mogu koristiti u nazivu identifikatora.se ne mogu koristiti u nazivu identifikatora.
Pravila za davanje imena varijablama:Pravila za davanje imena varijablama: Osjetljive su na veličinu slovaOsjetljive su na veličinu slova Mora početi sa slovom ili donjom crtom.Mora početi sa slovom ili donjom crtom. Ime promjenjive ne smije da sadrži razmak ili bilo koji Ime promjenjive ne smije da sadrži razmak ili bilo koji
znak interpunkcije.znak interpunkcije. Ime promjenjive mora stati u jedan red.Ime promjenjive mora stati u jedan red.
Varijablama koje se deklarišu samo unutar Varijablama koje se deklarišu samo unutar funkcije se može pristupiti samo unutar te funkcije funkcije se može pristupiti samo unutar te funkcije i one se nazivaju i one se nazivaju lokalne varijablelokalne varijable.. Mogu se imati varijable sa istim imenom u različitim Mogu se imati varijable sa istim imenom u različitim
funkcijama, ali se one prepoznaju samo u funkciji za funkcijama, ali se one prepoznaju samo u funkciji za koju su deklarisane.koju su deklarisane.
Kada varijablu deklarišemo van funkcije, sve funkcije na Kada varijablu deklarišemo van funkcije, sve funkcije na našoj stranici (dokumentu) mogu da pristupe toj varijabli. našoj stranici (dokumentu) mogu da pristupe toj varijabli. Vrijeme života ove varijable počinje od trenutka njenog Vrijeme života ove varijable počinje od trenutka njenog deklarisanja pa do zatvaranja stranice (deklarisanja pa do zatvaranja stranice (globalna varijablaglobalna varijabla).).
Primjer Primjer lokalne_i_globalne.htmllokalne_i_globalne.html
ObjašnjenjeObjašnjenje
ime1ime1 i i ime2ime2 su globalne promjenjive koje se definišu u su globalne promjenjive koje se definišu u <head> dijelu.<head> dijelu.
KomeKome je lokalna promjenjiva, koja se kreira u listi je lokalna promjenjiva, koja se kreira u listi parametara funkcije parametara funkcije dobrodoslica.dobrodoslica.
FunkcijaFunkcija dobrodoslica dobrodoslica kreira lokalnu promjenjivu nazvanukreira lokalnu promjenjivu nazvanu ime2 ime2 i ona ne utiče na globalnu promjenjivu nazvanui ona ne utiče na globalnu promjenjivu nazvanu ime2. ime2.
Globalne promjenjive su smještane u <head> dio HTML Globalne promjenjive su smještane u <head> dio HTML dokumenta, a mogle su i u neki drugi, ali kad se tu stave, dokumenta, a mogle su i u neki drugi, ali kad se tu stave, onda se one prvo izvršavaju i to je dobra praksa.onda se one prvo izvršavaju i to je dobra praksa.
JavaScript operatoriJavaScript operatori Aritmetički operatori (poredani prema prioritetu)Aritmetički operatori (poredani prema prioritetu)
OperatorOperator OpisOpis PrimjerPrimjer RezultatRezultat++ SabiranjeSabiranje x=2, y=2x=2, y=2
x+yx+y
44
-- OduzimanjeOduzimanje x=5, y=2x=5, y=2
x-yx-y
33
** MnoženjeMnoženje x=2, y=4x=2, y=4
x*yx*y
2020
// DijeljenjeDijeljenje 15/515/5
5/25/2
33
2.52.5
%% Modul (pamti Modul (pamti ostatak)ostatak)
5%25%2
10%810%8
11
22
++++ inkrementinkrement x=2 x++x=2 x++ 33
---- dekrementdekrement x=3 x--x=3 x-- 22
Operatori pridruživanjaOperatori pridruživanja
OperatorOperator PrimjerPrimjer To je isto kao:To je isto kao:
== x=yx=y x=yx=y
+=+= x+=yx+=y x=x+yx=x+y
-=-= x-=yx-=y x=x-yx=x-y
*=*= x*=yx*=y x=x*yx=x*y
/=/= x/=yx/=y x=x/yx=x/y
%=%= x%=yx%=y x=x%yx=x%y
Operatori poređenjaOperatori poređenja
OperatorOperator OpisOpis PrimjerPrimjer==== Jednako jeJednako je 5==8 vraća “false”5==8 vraća “false”
====== Jednako je (provjerava Jednako je (provjerava i vrijednost i tip)i vrijednost i tip)
x=5x=5
y=“5”y=“5”
x==y vraća “true”x==y vraća “true”
x===y vraća “false”x===y vraća “false”
!=!= Nije jednakoNije jednako 5!=8 vraća “true”5!=8 vraća “true”
>> Veće odVeće od 5>8, vraća “false”5>8, vraća “false”
<< Manje odManje od 5<8, vraća “true”5<8, vraća “true”
>=>= Veće ili jednakoVeće ili jednako 5>=, vraća “false”5>=, vraća “false”
<=<= Manje ili jednakoManje ili jednako 5<=, vraća “true”5<=, vraća “true”
Logički operatoriLogički operatori::
OperatorOperator OpisOpis PrimjerPrimjer
&&&& Konjukcija, Konjukcija, logičko “I”logičko “I”
x=6x=6
y=2y=2
x<10 && y>1 vraća “true”x<10 && y>1 vraća “true”
IIII Disjunkcija Disjunkcija (logičko “ili”)(logičko “ili”)
x=6x=6
y=3y=3
x==5 II y==5 vraća “false”x==5 II y==5 vraća “false”
!! Negacija Negacija (logičko “ne”)(logičko “ne”)
x=6x=6
y=3y=3
!(x==y) vraća “true”!(x==y) vraća “true”
String operatoriString operatori:: To je tekst. Za sTo je tekst. Za spajanje dvije string pajanje dvije string varijable zajedno koristi se operator varijable zajedno koristi se operator ““+” i to se naziva +” i to se naziva konkatenacija.konkatenacija.
txt1=“Ja volim“txt1=“Ja volim“
txt2=“svoj posao!“txt2=“svoj posao!“
txt3=txt1+txt2 txt3=txt1+txt2
Na izlazu dobijamo “Ja volimsvoj posao!”Na izlazu dobijamo “Ja volimsvoj posao!”
Da bi dodali prazan prostor između string varijabli Da bi dodali prazan prostor između string varijabli
možemo uraditi sledeće:možemo uraditi sledeće:
txt1=“Ja volim“txt1=“Ja volim“
txt2=“svoj posao!“txt2=“svoj posao!“
txt3=txt1+ " "+txt2txt3=txt1+ " "+txt2
ili txt1=“Ja volim “ili txt1=“Ja volim “
txt2=“svoj posao!“txt2=“svoj posao!“
txt3=txt1+txt2txt3=txt1+txt2
Na izlazu u oba slučaja trebamo dobiti “Ja volim svoj posao!”Na izlazu u oba slučaja trebamo dobiti “Ja volim svoj posao!”
Uslovni operatorUslovni operator: JavaScript takođe sadrži : JavaScript takođe sadrži uslovni operator koji dodjeljuje vrijednost uslovni operator koji dodjeljuje vrijednost varijabli na osnovu nekog uslova:varijabli na osnovu nekog uslova:
Sintaksa:Sintaksa:variablename=(condition)?value1:value2 variablename=(condition)?value1:value2
Primjer:Primjer:
greeting=(visitor=="PRES")?“Dragi studenti greeting=(visitor=="PRES")?“Dragi studenti ":“Studenti ";":“Studenti "; Ako varijabla Ako varijabla visitorvisitor ima vrijednost PRES, tada ima vrijednost PRES, tada se se stavlja string “Dragi studenti” u varijablu stavlja string “Dragi studenti” u varijablu greeting. Ako varijabla nije jednaka PRES tada greeting. Ako varijabla nije jednaka PRES tada se stavlja string “Studenti” u varijablu pozdrav.se stavlja string “Studenti” u varijablu pozdrav.
Komentari kod JavaScript-aKomentari kod JavaScript-a
Čitač će, prema specifikaciji HTML jezika Čitač će, prema specifikaciji HTML jezika ignorisati sve oznake unutar “<” i “>” koje ne ignorisati sve oznake unutar “<” i “>” koje ne zna da tumači. Problem koji ovdje imamo je u zna da tumači. Problem koji ovdje imamo je u tome što skript nije zapravo unutar “<” i “>”. tome što skript nije zapravo unutar “<” i “>”. Stariji WWW čitači bi sam skript prikazali kao Stariji WWW čitači bi sam skript prikazali kao tekst. Da bi to izbjegli, potrebno je skript staviti tekst. Da bi to izbjegli, potrebno je skript staviti u oznake komentara “<!- -” i “- ->”.u oznake komentara “<!- -” i “- ->”.
Primjer Primjer komentar.htmlkomentar.html
JavaScript popup boksoviJavaScript popup boksovi
U JavaScript-u se mogu kreirati tri popup boksa koji služe U JavaScript-u se mogu kreirati tri popup boksa koji služe za interakciju sa korisnikom i formiraju se preko tri za interakciju sa korisnikom i formiraju se preko tri metoda: Alert, Confirm i Promptmetoda: Alert, Confirm i Prompt
AlertAlert boks boks Jedna od glavnih namjena JavaScripta jeste da obezbijedi Jedna od glavnih namjena JavaScripta jeste da obezbijedi
povratne informacije onima koji pretražuju vašu lokaciju. povratne informacije onima koji pretražuju vašu lokaciju. Možete napraviti prozor sa upozorenjem koji će iskočiti i Možete napraviti prozor sa upozorenjem koji će iskočiti i dati korisniku informacije koje su bitne za vašu stranicu. dati korisniku informacije koje su bitne za vašu stranicu. Metod alert() nema ime objekta ispred sebe. Podrazumijeva Metod alert() nema ime objekta ispred sebe. Podrazumijeva se da je to windows objekat.se da je to windows objekat.
Kad se pojavi alert boks potrebno je kliknuti OK.Kad se pojavi alert boks potrebno je kliknuti OK. Sintaksa: alert(”neki_tekst”), tj windows.alert(“neki_tekst”)Sintaksa: alert(”neki_tekst”), tj windows.alert(“neki_tekst”)
Primjer10Primjer10
ConfirmConfirm boks boks Koristi se kada korisnik želi da dobije povratnu Koristi se kada korisnik želi da dobije povratnu
informaciju .informaciju . confirm() metod uvodi ideju uslova, što znači da confirm() metod uvodi ideju uslova, što znači da
skript sadrži test i izvršava različite akcije u skript sadrži test i izvršava različite akcije u zavisnosti od rezultata tog testa.zavisnosti od rezultata tog testa.
Kada se pojavi “confirm” boks korisnik će kliknuti Kada se pojavi “confirm” boks korisnik će kliknuti OK ili Cancel radi nastavka. Ako klikne OK boks OK ili Cancel radi nastavka. Ako klikne OK boks vraća se vrijednost “true”, a ako kliknemo na vraća se vrijednost “true”, a ako kliknemo na Cancel vraća se “false”.Cancel vraća se “false”.
Sintaksa: confirm(“neki_teks”). Sintaksa: confirm(“neki_teks”). primjer11primjer11
PromptPrompt boks boks Ovaj boks omogućava korisniku da unese neke Ovaj boks omogućava korisniku da unese neke
ulazne podatke.ulazne podatke. Metoda promt prenosi dvije informacije Metoda promt prenosi dvije informacije
(parametra): pitanje za korisnika i podrazumijevani (parametra): pitanje za korisnika i podrazumijevani odgovor. Ovim metodom se vraća ili odgovor odgovor. Ovim metodom se vraća ili odgovor korisnika, ili ništa (engl “null”).korisnika, ili ništa (engl “null”).
““null” se pojavljuje onda kada korisnik pritisne null” se pojavljuje onda kada korisnik pritisne dugme “Cancel”, kada pritisne dugme “OK”, a ne dugme “Cancel”, kada pritisne dugme “OK”, a ne postoji podrazumijevani odgovor, ili kada korisnik postoji podrazumijevani odgovor, ili kada korisnik obriše podrazumijevani odgovor i pritisne “OK”obriše podrazumijevani odgovor i pritisne “OK”
Sintaksa: prompt(“neki_tekst”, “defaultvalue”)Sintaksa: prompt(“neki_tekst”, “defaultvalue”)
Primjer12.Primjer12.
Funkcije kod JavaScript-aFunkcije kod JavaScript-a
Funkcije predstavljaju kodni blok koji se Funkcije predstavljaju kodni blok koji se izvršava kad se desi događaj ili kad se pozove izvršava kad se desi događaj ili kad se pozove funkcija.funkcija.
Funkcija u JavaScript-u predstavlja skup Funkcija u JavaScript-u predstavlja skup naredbi koje obavljaju određen posao. Funkcija naredbi koje obavljaju određen posao. Funkcija može da vraća neku vrijednost, bilo podatak ili može da vraća neku vrijednost, bilo podatak ili objekat. objekat.
Možemo je pozvati sa bilo kog mjesta unutar Možemo je pozvati sa bilo kog mjesta unutar stranice (čak i sa druge stranice ukoliko je stranice (čak i sa druge stranice ukoliko je funkcija pohranjena kao eksterni .js fajl).funkcija pohranjena kao eksterni .js fajl).
Funkcija se definiše obično u head sekciji, čime Funkcija se definiše obično u head sekciji, čime se postiže da se funkcija učita prva.se postiže da se funkcija učita prva.
Primjer13, primjer14, primjer15Primjer13, primjer14, primjer15
Napomena: da nismo liniju alert (“Zdravo!”) napisali Napomena: da nismo liniju alert (“Zdravo!”) napisali unutar funkcije, ona bi se izvršila prilikom učitavanja unutar funkcije, ona bi se izvršila prilikom učitavanja stranice. Ovako, skript će se izvršiti i prije nego što stranice. Ovako, skript će se izvršiti i prije nego što korisnik klikne na dugme. Dodat je događaj OnClick korisnik klikne na dugme. Dodat je događaj OnClick dugmetu čime se postiže da se izvrši funkcija kad se dugmetu čime se postiže da se izvrši funkcija kad se klikne na dugme. klikne na dugme.
Kako definisati funkciju?Kako definisati funkciju?
Sintaksa za kreiranje funkcije je:Sintaksa za kreiranje funkcije je:
function function imefunkcije imefunkcije ((var1,var2,...,varXvar1,var2,...,varX)){{Neki kodNeki kod}}
var1, var2, ... su varijable ili vrijednosti var1, var2, ... su varijable ili vrijednosti koje se uvode u funkciju. Zagrade { } koje se uvode u funkciju. Zagrade { } definišu početak i kraj svake funkcije. definišu početak i kraj svake funkcije.
I funkcija koja nema parametre mora I funkcija koja nema parametre mora imati () poslije imena funkcije, tj.imati () poslije imena funkcije, tj.
function imefunkcije()function imefunkcije()
{{
Neki kodNeki kod
}}
primjer14primjer14 i i primjer15primjer15..
Vraćanje vrijednosti iz funkcijeVraćanje vrijednosti iz funkcijeFunkcija koja vraća vrijednost mora imati Funkcija koja vraća vrijednost mora imati
returnreturn izraz. izraz.Predstavit ćemo jednostavan primjer Predstavit ćemo jednostavan primjer
funkcije u kojem funkcija vraća proizvod funkcije u kojem funkcija vraća proizvod dva broja:dva broja:
Primjer16Primjer16 i i primjer16primprimjer16prim
Uslovni izraziUslovni izrazi Obično se pri pisanju koda sprovode različite Obično se pri pisanju koda sprovode različite
akcije radi pravljenja različitih odluka, za što se akcije radi pravljenja različitih odluka, za što se koriste uslovni izrazi u kodu.koriste uslovni izrazi u kodu.
U JavaScript-u imamo sledeće uslovne izraze:U JavaScript-u imamo sledeće uslovne izraze: ifif izrazi: koriste se samo kad želimo da izvršavamo neki izrazi: koriste se samo kad želimo da izvršavamo neki
kod i ako je određeni uslov istinit.kod i ako je određeni uslov istinit. if...elseif...else izrazi se koriste ako želimo da izvršimo jedan izrazi se koriste ako želimo da izvršimo jedan
kod ako je izraz tačan ili drugi ako je izraz netačan.kod ako je izraz tačan ili drugi ako je izraz netačan. if...else if...elseif...else if...else izraz se koristi ako želimo da izaberemo izraz se koristi ako želimo da izaberemo
jednu liniju od više linija koda koju je potrebno izvršiti.jednu liniju od više linija koda koju je potrebno izvršiti.
switchswitch izrazi se koriste ako je potrebno izabrati jedan izrazi se koriste ako je potrebno izabrati jedan od više blokova koda koje je potrebno izvršiti. od više blokova koda koje je potrebno izvršiti.
ifif izraz izraz Sintaksa:Sintaksa:
if (if (uslovuslov)){{kod koji je potrebno izvršiti ako je uslov tačankod koji je potrebno izvršiti ako je uslov tačan}}Primijetite da se if piše malim slovom Primijetite da se if piše malim slovom (ako bi se pisalo velikom slovima, to bi proizvelo (ako bi se pisalo velikom slovima, to bi proizvelo JavaScript grešku).JavaScript grešku).Primjer6.Primjer6.
Napomena: Pri poređenju dvije varijable potrebno je Napomena: Pri poređenju dvije varijable potrebno je uvijek staviti (==). Primijetite da ne postoji else izraz u uvijek staviti (==). Primijetite da ne postoji else izraz u ovoj sintaksi. Kod se izvršava samo ako je if uslov tačan.ovoj sintaksi. Kod se izvršava samo ako je if uslov tačan.
if...elseif...else izraz izraz SintaksaSintaksaif (if (uslovuslov)){{kod koji se izvršava ako je uslov istinitkod koji se izvršava ako je uslov istinit}}elseelse{{kod koji se izvršava ako uslov nije istinitkod koji se izvršava ako uslov nije istinit}}primjer7primjer7
Sadržaj onog što testiramo u odjeljku if je unutar malih zagrada, a sadržaj preostala dva odjeljka je unutar vitičastih zagrada.
if...else ifif...else if ... else... else izraz izrazSintaksa:Sintaksa:
if (if (uslov1uslov1)){{Kod koji se izvršava ako je uslov 1 istinitKod koji se izvršava ako je uslov 1 istinit}}else if (else if (uslov2uslov2)){{kod koji se izvršava ako je uslov 2 istinitkod koji se izvršava ako je uslov 2 istinit}}elseelse{{Kod koji se izvršava ako ni uslov 1 ni uslov 2 Kod koji se izvršava ako ni uslov 1 ni uslov 2 nisu istinitinisu istiniti}}primjer8primjer8
switchswitch izraz izraz primjer9primjer9.. SintaksaSintaksa
switch(n)switch(n){{case 1: case 1: Izvrši kodni blok 1Izvrši kodni blok 1 break break case 2: case 2: Izvrši kodni blok 2Izvrši kodni blok 2 breakbreakdefault:default: Kod koji je potrebno izvršiti ako je n različito za Kod koji je potrebno izvršiti ako je n različito za slučajeve 1 i 2.slučajeve 1 i 2.}}
Objašnjenje: prvo imamo jedan izraz Objašnjenje: prvo imamo jedan izraz nn koji je koji je obično neka varijabla: Vrijednost izraza se poredi obično neka varijabla: Vrijednost izraza se poredi potom za svaki izraz u strukturi. Kad dođemo do potom za svaki izraz u strukturi. Kad dođemo do izraza koji se podudara sa vrijednošću izraza izraza koji se podudara sa vrijednošću izraza nn onda se izvršava taj blok kod. Koristi se onda se izvršava taj blok kod. Koristi se breakbreak kako bi spriječili da se pređe na naredni slučaj kako bi spriječili da se pređe na naredni slučaj automatski.automatski.
default: default: Ovdje završavamo ako vrijednostOvdje završavamo ako vrijednost switch switch ne odgovara ni jednoj odne odgovara ni jednoj od case case vrijednosti.vrijednosti.
Petlje kod JavaScript-aPetlje kod JavaScript-a
U slučaju kada se jedan blok koda ponavlja U slučaju kada se jedan blok koda ponavlja više puta, rješenje je da umjesto da pišemo više puta, rješenje je da umjesto da pišemo više gotovo identičnih linija u skriptu više gotovo identičnih linija u skriptu koristimo petlje. koristimo petlje.
U JavaScriptu razlikujemo dvije vrste petlji:U JavaScriptu razlikujemo dvije vrste petlji: forfor petlje se koriste u blok kodu koji se ponavlja petlje se koriste u blok kodu koji se ponavlja
tačno određen broj puta.tačno određen broj puta.whilewhile petlje se ponavljaju u kodnom bloku u petlje se ponavljaju u kodnom bloku u
slučaju da je određeni uslov ispunjen.slučaju da je određeni uslov ispunjen.
FOR petlje se koriste, kad unaprijed znamo koliko FOR petlje se koriste, kad unaprijed znamo koliko će se puta izvršavati skript.će se puta izvršavati skript.
Sintaksa:Sintaksa:for(var=pocetna_vrijednost;var<=krajnja_vrijednost;var=var+ifor(var=pocetna_vrijednost;var<=krajnja_vrijednost;var=var+i
ncrement)ncrement)
{ {
Kod koji se treba izvršitiKod koji se treba izvršiti
}}
Prvi parametar var=pocetna_vrijednost određuje Prvi parametar var=pocetna_vrijednost određuje promjenjivu i dodjeljuje joj početnu vrijednost, promjenjivu i dodjeljuje joj početnu vrijednost, drugi parametar var<=krajnja vrijednost je uslov drugi parametar var<=krajnja vrijednost je uslov koji mora biti tačan da bi petlja nastavila rad i treći koji mora biti tačan da bi petlja nastavila rad i treći parametar var++ dodataka iskaza i služi za parametar var++ dodataka iskaza i služi za dodavanje brojača.dodavanje brojača.
primjer17 primjer17 i i primjer18.primjer18.
whilewhile petlja se koristi kad želimo da se petlja se koristi kad želimo da se petlja izvršava sve dok je specificirani petlja izvršava sve dok je specificirani uslov tačan.uslov tačan.
while (var<=krajnja_vrijednost)while (var<=krajnja_vrijednost)
{ {
Kod koji se izvršavaKod koji se izvršava
}}
primjer19primjer19
do...whiledo...while petlja predstavlja varijantu petlja predstavlja varijantu whilewhile petlje. Postoji samo jedna razlika a to je da petlje. Postoji samo jedna razlika a to je da se izraz tretira na kraju umjesto na početku se izraz tretira na kraju umjesto na početku petlje.petlje.
primjer20primjer20
JavaSript break i continueJavaSript break i continue
To su dva specijalna izraza koja se To su dva specijalna izraza koja se mogu koristiti unutar petlje.mogu koristiti unutar petlje.
breakbreak će prekinuti izvršavanje petlje i će prekinuti izvršavanje petlje i nastavit će se izvršavanje koda koji nastavit će se izvršavanje koda koji slijedi nakon petlje (ako postoji), slijedi nakon petlje (ako postoji), primjer21primjer21
continue continue će prekinuti izvršavanje će prekinuti izvršavanje tekuće petlje i nastavit će se tekuće petlje i nastavit će se izvršavanje sa narednom vrijednošću, izvršavanje sa narednom vrijednošću, primjer22primjer22
Objekti, metode, svojstva i događajiObjekti, metode, svojstva i događaji
JavaScript je objektno orijentisani jezik što znači da JavaScript je objektno orijentisani jezik što znači da dozvoljava definisanje sopstvenih objekata i pravljenje dozvoljava definisanje sopstvenih objekata i pravljenje sopstvenih tipova promjenjivih. sopstvenih tipova promjenjivih.
ObjekatObjekat možemo smatrati specijalnom vrstom možemo smatrati specijalnom vrstom podataka koji imaju svoje podataka koji imaju svoje osobineosobine i svoje i svoje metodemetode. .
OsobineOsobine su vrijednosti koje se dodjeljuju objektu su vrijednosti koje se dodjeljuju objektu ((JavaScript promjenjiveJavaScript promjenjive), dok su ), dok su metodemetode akcije koje se akcije koje se mogu sprovesti na objektumogu sprovesti na objektu
Svaki objekat ima sopstvene metode. Svaki objekat ima sopstvene metode.
Osobine su vrijednosti vezane za objekat. Njima se Osobine su vrijednosti vezane za objekat. Njima se pristupa preko sledećeg modela:pristupa preko sledećeg modela:
NazivObjekta.NazivOsobineNazivObjekta.NazivOsobine I u nazivu objekta i u nazivu osobine razlikujemo mala I u nazivu objekta i u nazivu osobine razlikujemo mala
i velika slova.i velika slova. Osobinu objekta definišemo tako što joj dodijelimo Osobinu objekta definišemo tako što joj dodijelimo
vrijednost.vrijednost.<script type=”text/javascript”><script type=”text/javascript”>
var text=“Zdravo!”var text=“Zdravo!”
document.write(text.length)document.write(text.length)
</script></script>
Rezultat ovog koda je 7.Rezultat ovog koda je 7.
Funkcije objekta su poznate kao metode Funkcije objekta su poznate kao metode objekta:Metode su akcije koje se izvršavaju nad objekta:Metode su akcije koje se izvršavaju nad objektima. objektima.
<script type=”text/javascript”><script type=”text/javascript”>
var text=“Zdravo!”var text=“Zdravo!”
document.write(text.toUpperCase())document.write(text.toUpperCase())
</script></script>
Rezultat ovog koda je ZDRAVO!Rezultat ovog koda je ZDRAVO!
JavaSript ima i određen broj ugrađenih funkcija, JavaSript ima i određen broj ugrađenih funkcija, ugrađenih objekata, ali programer može kreirati i svoje ugrađenih objekata, ali programer može kreirati i svoje sopstvene objekte.sopstvene objekte.
JavaScript podržava tri vrste objekata:JavaScript podržava tri vrste objekata:Built-inBuilt-in objekti: objekti koji su ugrađeni u objekti: objekti koji su ugrađeni u
JavaScript jezik. To su datum, niz (Array) i JavaScript jezik. To su datum, niz (Array) i string (znakovni), Math.string (znakovni), Math.
BrowserBrowser objekti predstavljaju različite objekti predstavljaju različite komponente pretraživača i tekući HTML komponente pretraživača i tekući HTML objekat, npr alert().objekat, npr alert().
CustomCustom objekti su objekti koje kreiramo za objekti su objekti koje kreiramo za naše potrebe.naše potrebe.
JavaScript string objektiJavaScript string objekti
String sadrži grupu tekstualnih znakova. U String sadrži grupu tekstualnih znakova. U nastavku ćemo dati kompletan spisak svih nastavku ćemo dati kompletan spisak svih metoda string objekata.metoda string objekata.
MetodMetod OpisOpis
big()big() Prikazuje tekst velikim fontomPrikazuje tekst velikim fontom
blink()blink() Prikazuje tekst koji treperi.Prikazuje tekst koji treperi.
bold()bold() Prikazuje tekst podebljanoPrikazuje tekst podebljano
charAt()charAt() Izdvaja karakter sa određene pozicijeIzdvaja karakter sa određene pozicije
concat()concat() Spaja dva ili više stringova.Spaja dva ili više stringova.
fixed()fixed() Prikazuje string kao teletype tekst.Prikazuje string kao teletype tekst.
fontcolor()fontcolor() Prikazuje string u određenoj boji.Prikazuje string u određenoj boji.
fontsize()fontsize() Prikazuje string u određenoj veličini.Prikazuje string u određenoj veličini.
indexOf()indexOf() Prikazuje poziciju prvog pojavljivanja određenog Prikazuje poziciju prvog pojavljivanja određenog znaka u stringu.znaka u stringu.
italics()italics() Prikazuje string italikomPrikazuje string italikom
link()link() Prikazuje string kao hiperlinkPrikazuje string kao hiperlink
replace()replace() Zamjena nekih karaktera drugima Zamjena nekih karaktera drugima u stringu.u stringu.
search()search() Traži se određena pozicija u Traži se određena pozicija u stringu.stringu.
slice()slice() Izdvaja se jedan dio stringa i Izdvaja se jedan dio stringa i formira se drugi string.formira se drugi string.
small()small() Prikazuje font u malom formatu.Prikazuje font u malom formatu.
strike()strike() Prikazuje string precrtano.Prikazuje string precrtano.
sub()sub() Prikazuje string kao subscriptPrikazuje string kao subscript
substr()substr() Izdvaja određeni broj karaktera u Izdvaja određeni broj karaktera u stringu, počev od početnog stringu, počev od početnog karakterakaraktera
substring()substring() Izdvaja karaktere u stringu Izdvaja karaktere u stringu između dva indeksa.između dva indeksa.
sup()sup() Prikazuje string kao superscriptPrikazuje string kao superscript
toLowerCase()toLowerCase() Pretvara sve znakove u stringu u Pretvara sve znakove u stringu u mala slova.mala slova.
toUpperCase()toUpperCase() Prikazuje sve znakove u stringu Prikazuje sve znakove u stringu velikim slovima.velikim slovima.
big():big():Sintaksa:Sintaksa:stringObject.big()stringObject.big() str1str1
blink():blink():SintaksaSintaksastringObject.blink() stringObject.blink() str1str1
bold()bold() metod metodSintaksa: Sintaksa: stringObject.bold() stringObject.bold() str1str1 fixed()fixed() metod metodSintaksaSintaksastringObject.fixed() stringObject.fixed() str1.str1.fontcolor()fontcolor() metod metod SintaksaSintaksastringObject.fontcolor(color) stringObject.fontcolor(color) str1str1
fontsize()fontsize() metod metod Sintaksa:Sintaksa:stringObject.fontsize(size) stringObject.fontsize(size) str1str1
italics()italics() metod metodstringObject.italics() stringObject.italics() str1str1link()link() metod metodSintaksa:Sintaksa:stringObject.link()stringObject.link() str1 str1charAt()charAt() metod metodSintaksa:Sintaksa:stringObject.charAt(index) stringObject.charAt(index) str2str2indexOf()indexOf() metod metod Sintaksa:Sintaksa:stringObject.indexOf(searchvalue,fromindex) stringObject.indexOf(searchvalue,fromindex) str3,str3,
ako se string ne pojavljuje ni jednom vrijednost je ako se string ne pojavljuje ni jednom vrijednost je -1.-1.
replace()replace() metod metod Sintaksa:Sintaksa:stringObject.replace(findstring,newstring) stringObject.replace(findstring,newstring) str4.str4.
search()search() metod metod Sintaksa:Sintaksa:stringObject.search(searchstring) stringObject.search(searchstring) str5.str5.
slice()slice() metod metod Sintaksa:Sintaksa:stringObject.slice(start,end). stringObject.slice(start,end). Ako nije drugčije naznačeno izdvajaju se po Ako nije drugčije naznačeno izdvajaju se po default-u svi karakeri od početne pozicije do default-u svi karakeri od početne pozicije do krajnje pozicije stringa. krajnje pozicije stringa. str6str6
small()small() metod metodSintaksa:Sintaksa:
stringObject.small() stringObject.small() str1str1
strike()strike() metod metodSintaksa:Sintaksa:
stringObject.strike() stringObject.strike() str1str1
sub()sub() metod metod
stringObject.sub() stringObject.sub() str1str1
substring()substring() metod metodSintaksa:Sintaksa:stringObject.substring(start,stop) stringObject.substring(start,stop) str7str7
substr()substr() metod metodSintaksa:Sintaksa:stringObject.substr(start,length) stringObject.substr(start,length) str8str8
sup()sup() metod metodSintaksa: Sintaksa: stringObject.sup() stringObject.sup() str1str1
toLowerCase()toLowerCase() metod metodSintaksa:Sintaksa:
stringObject.toLowerCase() stringObject.toLowerCase() str1str1..
toUpperCase()toUpperCase() metod metodSintaksa:Sintaksa:
stringObject.toUpperCase() stringObject.toUpperCase() str1str1
Osobine Sting objekataOsobine Sting objekataOd osobina spomenut ćemo samo length, koja Od osobina spomenut ćemo samo length, koja
nam daje informaciju o broju karaktera u nam daje informaciju o broju karaktera u stringu.stringu.
Sintaksa je: stingObject.lengthSintaksa je: stingObject.length
<script type="text/javascript"><script type="text/javascript">
var txt=“Zdravo!" ;var txt=“Zdravo!" ;
document.write(txt.length)document.write(txt.length)
</script> </script>
Na izlazu dobijamo odgovor 7.Na izlazu dobijamo odgovor 7.
