JavaScript JS Cookies

Transcription

1 Predmet: Aplikativni softver Predavač: dr Violeta Tomašević, vanr.prof. JavaScript JS Cookies Literatura Boško Nikolić, Internet programiranje: HTML, CSS, JavaScript, Panevropski univerzitet Apeiron za multidisciplinarne i virtuelne studije, Banja Luka, Departman za informatiku i računarstvo

2 2 HTML - ograničavajući faktor HTML je platformski neutralan jezik koji omogućava efikasno prezentiranje željenog sadržaja na klijentskoj mašini. Glavni nedostatak HTML-a je u tome što ne podržava neposrednu komunikaciju sa korisnikom u smislu mogućnosti unosa podataka od strane korisnika i dinamičku obradu unetih podataka. HTML predstavlja ograničavajući faktor u aplikacijama koje zahtevaju dinamičku obradu unetih podataka, pa se javila potreba za uvođenjem novih tehnologija za realizaciju ovakvih aplikacija.

3 3 CGI Prvi pokušaji rešavanja problema realizacije dinamičkih aplikacija bili su usmereni ka uvođenju novih serverskih komponenti. Najpopularnija među njima je bila CGI-Common Gateway Interface. CGI tehnologija je omogućila Web programerima obradu podataka koje je korisnik uneo i, u skladu sa njima, preduzimanje potrebnih akcija. Dobijena funkcionalnost je u početku bila dovoljna da se CGI tehnologija smatra zadovoljavajućim rešenjem. Međutim, kasnije se uvidelo da veliki problem može da predstavlja česta klijent-server komunikacija. Primer: Ako korisnik unese pogrešan podatak, najpre mora da sačeka da se podatak prenese na server, zatim da server obradi podatak i utvrdi da je pogrešan, nakon toga da dobije obaveštenje od servera da ponovo treba da unese podatak. Da bi se izbegla česta komunikacija sa serverom, javila se potreba za novim tehnologijama koje bi dale mogućnost obrade podataka na klijentskoj strani. To je dovelo do pojave JavaScript-a.

4 4 Istorija JavaScript-a Decembar 1995.godine Netscape i Sun su predstavili jezik JavaScript 1.0, originalno nazvan LiveScript. Kod napisan u ovom jeziku je mogao da se izvršava u okviru web browser-a Netscape Navigator 2. Microsoft je na osnovu javne dokumentacije Netscape-a implementirao svoju, skoro identičnu, verziju jezika koju je nazvao JScript. Ova verzija je mogla da se izvršava u okviru Internet Explorer 3 web čitača. Udruženje ECMA (European Computer Manufacturers Association) je usvojilo svoj standard za ovaj jezik i nazvalo ga ECMAScript 1.0, kasnije ISO/IEC Tako je JavaScript postao Netscape-ova implementacija ovog standarda, a JScrpit Microsoft-ova.

5 5 Šta je JavaScript? JavaScript je jezik koji omogućava postizanje značajne funkcionalnosti na klijentskoj strani. Primer: Ako korisnik unese pogrešan podatak, JavaScript na klijentskoj strani odmah proverava podatak, ustanovljava grešku i o tome obaveštava korisnika, koji samo može biti iznenađen brzinom odziva.

6 6 Osobine JS-a Objektno zasnovan koristi hijerarhiju ugrađenih objekata sa definisanim metodama i osobinama (što daje jednostavnost jeziku), ali ne podržava sve koncepte objektno-orijentisanih jezika (na pr. veoma je limitiran rad sa nasleđivanjem, važenjem i funkcionalnošću objekata) Platformski neutralan kod se izvršava u okviru web čitača, bez obzira na hardversko i softversko okruženje; veličina programa se obično mala, pa se on može izvršavati i na mašinama sa lošijim performansama Modularno programiranje za čuvanje i izvršavanje koda se koriste posebni dokumenti sa.js ekstenzijom Integrisanost sa HTML-om u okviru jedne stranice moguće je na proizvoljan način kombinovati JS i HTML kod; takođe iz JS moguće je generisati HTML kod

7 7 Java i JavaScript Iako se često poistovećuju, Java i JavaScript su dva potpuno različita koncepta. JavaScript je jednostavan skript jezik, dok je Java složen potpuno objektno-orijentisan jezik. JavaScript Objektno baziran. Koristi postojeće objekte, bez klasa i nasleđivanja. Ne kompajlira se, već se samo interpretira kod klijenta. Kod je integrisan sa HTML-om. Dinamička povezanost. Objektne reference se povezuju u run-time-u. Tip varijable se ne deklariše. Zaštićen.Ne može da zapisuje na disk. Java Objektno-orijentisan. Podržava klase i nasleđivanje. Kompajlira se na serveru pre nego što se izvrši kod klijenta. Aplet je izdvojen od HTML-a. Statička povezanost. Objektne reference moraju postojati u vreme kompajliranja. Tip varijable mora biti deklarisan. Zaštićen.Ne može da zapisuje na disk.

8 8 Osnove JavaScript jezika JavaScript (JS) kod se u HTML stranicu može uključiti na dva načina: direktnim pisanjem koda u okviru HTML stranice Tag za definisanje JS koda je: <SCRIPT [atribut]> JS kod </SCRIPT> gde je atribut obično language, a njegova vrednost JavaScript. pozivanjem posebnog dokumenta sa JS kodom (.js) u okviru HTML stranice Tag za pozivanje dokumenta je: <SCRIPT atributi> </SCRIPT> gde se, osim atributa language (kao u prethodnom slučaju), navodi i atribut src koji definiše putanju i naziv.js dokumenta. Primer <SCRIPT language= JavaScript src= JSkod.js ></SCRIPT>

9 9 Komentari Komentari u JS mogu se definisati na dva načina: // - komentar u jednom redu Primer: // komentar u jednom redu /* */ - komentar u više redova Primer: /* komentar u više redova */

10 10 Ispisivanje teksta Za prikazivanje HTML teksta pomoću JS koda koristi se sledeći metod: document.write(tekst) Argument metoda (Tekst) predstavlja string koji može biti proizvoljan HTML kod. Primer <SCRIPT language= JavaScript > document.write( <b>definisanje objekta</b><br><i>kreiranje</i> ) </SCRIPT> Izgled na stranici Definisanje objekta Kreiranje Napomena: na kraju naredbe u JS nije obavezno korišćenje simbola ;, osim ukoliko je više naredbi u jednom redu

11 11 Promenljive Imena promenljivih ili identifikatori u JavaScript-u zavise od veličine slova (case sensitive). Pravila za imenovanje promenljivih su: Identifikator mora počinjati slovom, znakom $, ili donjom crtom (_). U okviru imena se, osim slova, mogu koristiti i brojevi, ali ne na početku imena. Ne mogu se ostavljati prazna mesta u okviru imena. Rezervisane reči se ne mogu koristiti za identifikatore (na pr. for, if, class,...). Sintaksa za kreiranje (deklaraciju) promenljive i njenu inicijalizaciju je: var imepromenljive = vrednost

12 12 Tipovi podataka (1) JavaScript ne podržava deklarisanje tipova podataka. JavaScript interpreter automatski prepoznaje koji tip podataka odgovara kojoj promenljivoj i dodeljuje joj taj tip dinamički. U JS-u je dozvoljeno da promenljiva ima različite tipove podataka u različito vreme izvršavanja programa. Primer: a = 5; b = 8; b = broj + a; Tokom izvršavanja ovog koda, promenljiva a predstavlja broj 5, promenljiva b broj 8, a u poslednjoj naredbi potrebno je sabrati vrednost tipa String i broj, što je nemoguće uraditi bez konverzije obe vrednosti u isti tip. Kako tip String u JS ima prednost, broj 5 se konvertuje u String 5, a zatim se izvršava spajanje dva stringa, tako da se na kraju u promenljivoj b nalazi String broj5.

13 13 Tipovi podataka (2) Tipovi podataka koji su podržani u JS-u su: celi brojevi, realni brojevi, stringovi i logičke vrednosti. 1) Celi brojevi se mogu predstavljati u pozicionim brojnim sistemima sa osnovom 8 (moraju počinjati cifrom 0), 10 (ne smeju počinjati cifrom 0) i 16 (moraju počinjati sa 0x ili 0X). 2) Realni brojevi se mogu predstavljati pomoću decimalne tačke (3.14), ili u eksponencijalnoj prezentaciji (314e-2). 3) Stringovi predstavljaju proizvoljan niz karaktera između navodnika ( ) ili apostrofa ( ). U njima se mogu koristiti specijalni karakteri: /b jedno mesto levo (backspace) /f jedan red na dole (form feed) /n početak novog reda (new line) /r return (carriage return) /t tabulator (tab) 4) Logički tip podataka dozvoljava vrednosti true (tačno) i false (netačno). Prilikom konverzije true se prevodi u 1, a false u 0.

14 14 Operatori Operatori predstavljaju specijalne karaktere koji definišu operaciju koju treba izvršiti nad operandima. Operandi mogu biti promenljive, izrazi i konstante. Operatori se mogu klasifikovati u sledeće grupe: aritmetički operatori operatori na nivou bita logički operatori operatori poređenja

15 15 Aritmetički operatori (1) Aritmetički operatori se koriste za izvođenje matematičkih operacija. Pregled aritmetičkih operatora Operator Opis Operator Opis + sabiranje += sabiranje dodela - oduzimanje -= oduzimanje dodela * množenje *= množenje dodela / deljenje /= deljenje dodela % moduo %= moduo dodela ++ inkrement -- dekrement

16 16 Aritmetički operatori (2) Rad sa operandom tipa String: kod sabiranja operand koji nije tipa String se konvertuje u String i radi se konkatenacija (sabiranje, tj. spajanje stringova) kod ostalih operacija String se konvertuje u broj, a zatim se obavlja operacija; ako konverzija ne uspe, dobija se vrednost NaN (Not a Number) Primer koda Izgled ekrana nakon izvršenja koda a,b,c,d,e, su a = 1+1; b = a*3; c = b / 4; d = b - a; e = -d; document.write( a,b,c,d,e, su,a,,b,,c,,d,,e);

17 17 Operatori na nivou bita (1) Operatori na nivou bita se koriste za izvođenje operacija nad celim brojevima razmatrajući svaki bit pojedinačno. Operator Izraz Opis Logičko I (AND) a & b Rezultat je 1 samo ako su oba bita 1. Logičko ILI (OR) a b Rezultat je 0 samo ako su oba bita 0. Logičko ekskluzivno ILI (XOR) a ^ b Rezultat je 1 samo ako su bitovi različiti. Logičko NE (NOT) ~ a Komplementira bitove operanda a. Pomeranje ulevo a << b Pomera bite operanda a za b mesta ulevo. Prazna mesta popunjava nulama. Pomeranje udesno sa znakom Pomeranje udesno sa nulama a >> b a >>> b Pomera bite operanda a za b mesta udesno. Prazna mesta popunjava MSB bitom. Pomera bite operanda a za b mesta udesno. Prazna mesta popunjava nulama.

18 18 Operatori na nivou bita (2) Primer 1 15 & 9; rezultat je 9 (logičko AND) 1111 & 1001 = 1001 Primer 2 15 I 9; rezultat je 15 (logičko OR) 1111 I 1001 = 1111 Primer 3 15 ^ 9; rezultat je 6 (logičko XOR) 1111 ^ 1001 = 0110

19 19 Logički operatori (1) Logički operatori se koriste za izvođenje operacija nad operandima logičkog tipa koji mogu imati samo vrednosti true (tačno) ili false (netačno). Rezultat operacije je takođe logičkog tipa. Pregled logičkih operatora Operator Izraz Opis I (&&) expr1 && expr2 Rezultat je true samo ako su oba operanda true. U ostalim slučajevima rezultat je false. ILI ( ) expr1 expr2 Rezultat je false samo ako su oba operanda false. U ostalim slučajevima rezultat je true. NE (!)!expr Rezultat je komplement operanda. Ako je operand true, rezultat je false i obrnuto.

20 20 Logički operatori (2) Primer koda a = true; b = false; c = a II b; d = a && b; f = (!a && b) II (a &&!b); g =!a; document.write( a = + a +, <BR> ); document.write( b = + b +, <BR> ); document.write( c = + c +, <BR> ); document.write( d = + d +, <BR> ); document.write( f = + f +, <BR> ); document.write( g = + g); a = true b = false c = true d = false f = true g = false Izgled ekrana nakon izvršenja koda

21 21 Operatori poređenja (1) Operatori poređenja se koriste za poređenje dve vrednosti i kao rezutat vraćaju vrednost logičkog tipa (true ili false). Operator Izraz Opis Jednakost (==) x == y Rezultat je true ako su x i y jednaki. Nejednakost (!=) x!= y Rezultat je true ako su x i y različiti. Veće (>) x > y Rezultat je true ako je x veće od y. Veće ili jednako (>=) x >= y Rezultat je true ako je x veće ili jednako y. Manje (<) x < y Rezultat je true ako je x manje od y. Manje ili jednako (<=) x <= y Rezultat je true ako je x manje ili jednako y. Jednako bez konverzije tipova (===) x === y Rezultat je true ako su x i y jednaki bez konverzije podataka Različito bez konverzije tipova (!==) x!== y Rezultat je true ako su x i y različiti bez konverzije podataka

22 22 Operatori poređenja (2) Operatore == i!= koriste svi dozvoljeni tipovi podataka (celi brojevi, racionalni brojevi, karakteri, stringovi, logički tip). Ukoliko su operandi različitog tipa, obavlja se konverzija podataka pre poređenja. Ostale operatore koriste samo numerički tipovi. Primer koda a = 4; b = 1; c = a < b; d = a == b; document.write( c = + c +, <BR> ); document.write( d = + d); c = false d = false Izgled ekrana nakon izvršenja koda

23 23 Promenljive i funkcije U JavaScript-u se primenom rezervisane reči function deklariše funkcija sa zadatim parametrima koji mogu biti numeričkog tipa, stringovi ili objekti. Opšti oblik funkcije je: function ime([parametar1] [,parametar2] [,parametarn]) { telo funkcije } U JavaScript-u koristi se rezervisana reč var za deklarisanje promenljive uz opcionu mogućnost njene inicijalizacije. Opšti oblik deklaracije promenljive je: var imepromenljive[=vrednost]...[,imepromenljive1[=vrednost1] ]

24 24 Kontrole toka (1) Kontrole toka omogućavaju tok programa željenom putanjom u skladu sa određenim uslovima. Osnovne kontrole toka u JavaScript-u su veoma slične osnovnim kontrolama toka u višim programskim jezicima. Osim njih, postoje i kontrole toka specifične samo za JavaScript jezik. Kontrola toka: if-else omogućava izvršavanje određenog bloka instrukcija ako je zadati uslov ispunjen. Opšti oblik ove kontrole toka je: if(logički izraz) blok1; [else blok2;] Osnovne kontrole toka

25 25 Kontrole toka (2) Kontrola toka: switch predstavlja pregledan način za izvršavanje više ugnježdenih if-else kontrukcija. Opšti oblik ove kontrole toka je: switch(izraz) { case v1: blok1; [break;] case vn: blokn; [break;] [default: blok_def] } Kontrola toka: while predstavlja petlju u kojoj se blok instrukcija izvršava sve dok je ispunjen uslov na ulasku u petlju. Opšti oblik ove kontrole toka je: [inicijalizacija;] while(uslov) { blok_instrukcija; }

26 26 Kontrole toka (3) Kontrola toka: do-while predstavlja petlju u kojoj se blok instrukcija izvršava sve dok je ispunjen uslov na izlasku iz petlje. Opšti oblik ove kontrole toka je: [inicijalizacija;] do { blok_instrukcija; [iteracija;] } while(uslov); Kontrola toka: for predstavlja petlju koja u zaglavlju ima inicijalizaciju, uslov završetka i iteraciju. Petlja izvršava blok instrukcija u iteracijama, sve dok je uslov ispunjen. Opšti oblik petlje je: for (inicijalizacija; uslov; iteracija) { blok_instrukcija; }

27 27 Kontrole toka (4) Kontrola toka: break predstavlja klauzulu koja se koristi za skok na kraj bloka, ili za skok na neku labelu. Labelu prati oznaka :. Primer: labela:... labela1: { blok_instrukcija; break labela; } Kontrola toka: return se koristi za povratak iz funkcije na mesto njenog poziva. Ukoliko funkcija vraća neku vrednost, return mora proslediti izraz kompatibilan sa tipom funkcije. Kontrola toka: continue se koristi za prelazak na sledeću iteraciju petlje, bez izvršavanja preostalog koda do kraja petlje.

28 28 Kontrole toka (5) Kontrola toka specifična za JavaScript Kontrola toka: for...in izvršava iteraciju po specifičnoj promenljivoj za svaku osobinu (property) određenog objekta. Primer: function dump_properties(obj, objname) { var result = ; for(var i in obj) { result += objname +. + i + = + obj[i] + <BR> ; } result += <HR> ; return result; }

29 29 Rad sa uzorcima (1) JavaScript ima vrlo razvijenu podršku za razne vrste provera podataka na klijentskoj strani, tako da korisnik vrlo brzo može da dobije obeveštenje ako neki podatak nije unet u propisanom formatu. Mehanizam provere radi na principu definisanja uzoraka i pozivanja odgovarajućih metoda koje podatke unete od strane korisnika upoređuju sa tim uzorcima. Uzorak ili regularan izraz (regular expression) se može definisati na dva načina: var imeuzorka = new RegExp(Tekst1), gde je Tekst1 string sa znacima var imeuzorka = /Tekst2/, gde je Tekst2 string bez znaka U oba slučaja imeuzorka je ime objekta koji predstavlja uzorak. Uzorku odgovara svaki string koji u sebi sadrži podstring Tekst1, odnosno Tekst2. var uprimer = new RegExp( HTML ) var uprimer = /HTML/ Primer U oba slučaja formira se objekat uzorka uprimer kome odgovara svaki string koji u sebi sadrži podstring HTML.

30 30 Rad sa uzorcima (2) Složeniji uzorci mogu se definisati korišćenjem specijalnih simbola sa posebnim značenjem. Neki od ovih simbola su navedeni u tabeli koja sledi. Simbol Značenje [ ] Pojavljivanje bilo kog karaktera navedenog unutar []. [^ ] Pojavljivanje bilo kog karaktera koji nije naveden unutar []. \d Pojavljivanje bilo koje ASCII definisane cifre. ^ Pretraga uzorka se obavlja na početku stringa. $ Pretraga uzorka se obavlja na kraju stringa. Način ispitivanja da li neki string odgovara uzorku može se dodatno definisati primenom atributa: i izvršavanje case-insensitive ispitivanja g izvršava globalno ispitivanje, tj. pronalazi sva pojavljivanja uzorka m rad sa više linija

31 31 Rad sa uzorcima (3) Primeri var ukraj = new RegExp( s$ ) ili var ukraj = /s$/ Promenljiva ukraj je uzorak koji odgovara bilo kom stringu koji se završava na s. /[abc]/ /[^abc]/ - uzorak označava jedno pojavljivanje karaktera a, jedno pojavljivanje karaktera b ili jedno pojavljivanje karaktera c - uzorak označava karakter koji nije a, ni b ni c /\d\d\d\d\d/ ili /\d{5}/ - uzorak označava broj od 5 cifara

32 32 Rad sa uzorcima (4) Nakon definisanja uzorka, može se pristupiti uparivanju zadatog stringa sa uzorkom. To se može raditi na dva načina: pomoću metoda koje poziva string koji se uparuje pomoću metoda koje poziva definisani uzorak

33 33 Rad sa uzorcima (5) Metode objekta tipa String omogućavaju uparivanje stringa i uzorka, kao i zamenu jednog dela stringa drugim stringom. Dve od metoda su: search Ovaj metod ispituje da li u okviru stringa postoji definisani uzorak. Kao rezultat vraća poziciju njegovog prvog pojavljivanja, ili 1 ako uzorak nije pronađen. x = /script/ Rezultat: y=4, ispitivanje je case-insensitive y = JavaScript.search(x,i) replace Ovaj metod ispituje da li u okviru stringa postoji definisani uzorak, i ako postoji zamenjuje ga nekom drugom vrednošću. text = JAVascriPT Rezultat: text= JavaScript text.replace(/javascript/gi, JavaScript )

34 34 Rad sa uzorcima (6) Metode objekta tipa RegExp koji odgovara uzorku omogućavaju ispitivanje stringa i uzorka. Ove metode su: exec Ovaj metod je opšteg tipa. Rezultat izvršavanja ovog metoda je niz koji sadrži rezultate ispitivanja zavisno od načina definicije uzorka. test Ovaj metod ispituje da li string odgovara definisanom uzorku. Kao rezultat vraća true ako je uzorak pronađen u okviru stringa. var pattern = /java/i; Rezultat: true pattern.test( JavaScript );

35 35 Rad sa formama (1) JavaScript je stekao veliku popularnost zahvaljujući mogućnosti da pristupa elementima forme, čita njihove vrednosti, obrađuje ih i postavlja nove vrednosti elemenata. Ove mogućnosti se koriste u kombinaciji sa osobinom HTML-a da prepozna korisnikovu akciju i reaguje na nju. Svaki HTML objekat ima listu događaja koji su povezani sa tim objektom. Događaji predstavljaju neku akciju korisnika nad datim objektom. Na primer, tekstualno polje prepoznaje kada korisnik promeni tekst u polju, slika prepoznaje kada se miš nalazi na njenoj površini, dugme prepoznaje kada korisnik mišem klikne na njega, itd. U narednoj tabeli su navedeni najvažniji događaji koji se mogu desiti, objekti na koje se oni odnose i način njihovog pozivanja u okviru taga koji definiše određeni objekat.

36 36 Rad sa formama (2) Događaj Nastaje kada korisnik... Kod blur izađe iz fokusa elementa forme onblur click klikne na element forme ili link onclick change promeni vrednost izabranog elementa forme onchange focus uđe u fokus nekog elementa forme onfocus load učita stranicu u browser onload mouseover pređe pokazivačem miša preko linka i sl. onmouseover mouseout izađe mišem sa određene površine ili linka onmouseout select izabere polje elementa forme onselect submit izvrši slanje forme onsubmit unload napusti stranicu onunload reset resetuje sadržaj forme onreset error dobije grešku prilikom učitavanja slike ili stranice onerror abort prekine učitavanje slike ili stranice onabort

37 37 Rad sa formama (3) Način na koji treba reagovati u slučaju kada se desi neki događaj, može se definisati pozivom odgovarajuće JavaScript funkcije u okviru taga elementa forme na koji se događaj odnosi. Ta JavaScript funkcija mora biti definisana u okviru JavaScript koda na datoj stranici. Primer <HTML> <HEAD> <SCRIPT language= JavaScript > function proveri() { } </SCRIPT> </HEAD> <BODY> <FORM name= imeforme > <INPUT type= button value= Poslati name= dugme onclick= proveri() > </FORM></BODY> </HTML>

38 38 Rad sa formama (4) JavaScript omogućava čitanje vrednosti proizvoljnog elementa forme na sledeći način: document.imeforme.imeelementa.value gde je document službena reč, imeforme naziv forme u kojoj se nalazi element, imeelementa naziv elementa i value službena reč. Vrednost elementa se može pridružiti promenljivoj x pomoću: x = document.imeforme.imeelementa.value Analogno, u element forme se može upisati vrednost promenljive x pomoću: document.imeforme.imeelementa.value = x Primer <FORM name= PrimerForme > INPUT type= text name= TekstPolje > </FORM> Pristup polju u okviru JS koda: document.primerforme.tekstpolje.value

39 39 Rad sa formama (5) Primer <FORM method= post name= mojaforma > Unesite prvi broj: <INPUT type= text name= broj1 size=5><br> Unesite drugi broj: <INPUT type= text name= broj2 size=5><br> <INPUT type= button value= SABERI name= dugme onclick= Saberi() ><br> Zbir brojeva je: <INPUT type= text name= zbir size=5> </FORM> Unesite prvi broj: Izgled forme Unesite drugi broj: SABERI Zbir brojeva je:

40 40 Rad sa formama (6) Kod JavaScript funkcije <SCRIPT language="javascript"> function Saberi() { var br1 = document.mojaforma.broj1.value - 0; var br2 = document.mojaforma.broj2.value - 0; var ukupno = br1 + br2; document.mojaforma.zbir.value = ukupno; } </SCRIPT>

41 41 Cookies (1) Zbog veće bezbednosti, Internet aplikacije imaju izvesna ograničenja, kao što je zabranjen pristup lokalnom fajl sistemu na klijentskoj mašini. Naime, zabranjeno je čitanje, pisanje i brisanje datoteka na sistemu na kome se aplikacija izvršava. Jedini izuzetak predstavljaju cookies. Cookies su tekstualni fajlovi koji se mogu zapamtiti na klijentskoj mašini. Da se i dalje ne bi ugrozila bezbednost sistema, ovi fajlovi imaju tačno definisan format: ime=vrednost[;expires=datum][;domain=imedomena][;path=putanja] [;SECURE] gde su: ime - ime koje definiše upisani cookie vrednost - informacija koja se želi zapamtiti datum - datum koji definiše do kada cookie ostaje upisan na klijentskoj mašini imedomena - definiše jedini domen sa kog cookie može da se čita i da mu se menja vrednost putanja - definiše jedinu putanju sa koje cookie može da se čita i da mu se menja vrednost SECURE - upis i čitanje cookie-ja se izvršava preko posebnih, bezbednijih linija Redosled opcija EXPIRES, DOMAIN, PATH i SECURE nije bitan.

42 42 Cookies (2) Cookie fajl se predstavlja objektom kome se pristupa kao objektu u okviru document objekta. Primer čitanja cookie-ja: var citamcookie=document.cookie U promenljivoj citamcookie upisani su svi cookie-ji koji postoje na datoj klijentskoj mašini. Sve informacije su zapamćene u obliku teksta. Da bi se pročitao određeni cookie, tekst se mora parsirati i pronaći deo koji počinje imenom cookie-ja koji se traži. Primer upisa vrednosti u cookie: document.cookie= primercookie= +vrednostkojasepamti+ ;secure Nakon izvršenja ove naredbe, na klijentsku mašinu je upisan cookie pod imenom primercookie. Njegova vrednost je sadržana u promenljivoj vrednostkojasepamti.

43 43 <html> <head> <script language= JavaScript"> function postavljanjecookie(){ document.cookie = 'Cookie ='+document.forma1.imecookie.value; } function prikazcookie(){ alert(document.cookie); } </script> </head> <body> <h1>cookie 1</h1> <h2>postavljanje i pregled cookie</h2> <form name="forma1"> Cookies (3) Cookie 1 Postavljanje i pregled cookie Upisi ime Prikazi cookie <p><input name= imecookie" type="text" size="20"></p> <p><input type="button" value= Upisi ime" name="b1" onclick= postavljanjecookie()"> <input type="button" value= Prikazi cookie" name="b2" onclick= prikazcookie()"></p> </form></body></html>