Java Script osnove Internet programiranje Uvod Java vs
![<html> <body> <script type="text/javascript"> var mycars = new Array(); mycars[0] = “Audi"; mycars[1] =](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-50.jpg "<html> <body> <script type=\"text/javascript\"> var mycars = new Array(); mycars[0] = “Audi\"; mycars[1] =")
![<html> <body> <script type="text/javascript"> var x; var mycars = new Array(); mycars[0] = “Audi";](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-51.jpg "<html> <body> <script type=\"text/javascript\"> var x; var mycars = new Array(); mycars[0] = “Audi\";")
![Concat() <script type="text/javascript"> var parents = ["Jani", "Tove"]; var children = ["Cecilie", "Lone"]; var](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-53.jpg "Concat() <script type=\"text/javascript\"> var parents = [\"Jani\", \"Tove\"]; var children = [\"Cecilie\", \"Lone\"]; var")
![join() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. join() +](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-55.jpg "join() <script type=\"text/javascript\"> var fruits = [\"Banana\", \"Orange\", \"Apple\", \"Mango\"]; document. write(fruits. join() +")
![slice() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. slice(0, 1)](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-61.jpg "slice() <script type=\"text/javascript\"> var fruits = [\"Banana\", \"Orange\", \"Apple\", \"Mango\"]; document. write(fruits. slice(0, 1)")
![sort() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. sort()); </script>](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-63.jpg "sort() <script type=\"text/javascript\"> var fruits = [\"Banana\", \"Orange\", \"Apple\", \"Mango\"]; document. write(fruits. sort()); </script>")
![splice() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write("Removed: " +](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-65.jpg "splice() <script type=\"text/javascript\"> var fruits = [\"Banana\", \"Orange\", \"Apple\", \"Mango\"]; document. write(\"Removed: \" +")
![unshift() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. unshift("Kiwi") +](https://slidetodoc.com/presentation_image_h/13c2bfa6050ba76cdb16a465a80bf68e/image-68.jpg "unshift() <script type=\"text/javascript\"> var fruits = [\"Banana\", \"Orange\", \"Apple\", \"Mango\"]; document. write(fruits. unshift(\"Kiwi\") +")
- Slides: 92
Java. Script osnove Internet programiranje
Uvod Java vs. Java. Script Java je veoma moćan i kompleksan programski jezik visokog nivoa. Java. Script je skript jezik koji omogućava web developerima/dizajnerima da naprave mnogo funkcionalnije i dinamičnije web sajtove.
Java. Script dodaje interaktivnost web stranama. Java. Script se izvršava na klijentskoj strani. Java. Script je interpreterski jezik – izvršava se bez prethodnog kompajliranja. Šta je potrebno za kreiranje koda u Java. Script jeziku? Proveriti da li je u browser-u čekirana opcija Java. Script Enabled.
Šta sve može Java. Script? Ubacuje dinamički tekst u HTML stranu Reaguje na događaje (events) Čita i menja sadržaj HTML elemenata Prikazuje poruke upozorenja (alert messages) Prikazuje pop-up prozore Kreira dinamičke drop-down menije Omogućava validaciju formi Detektuje korisnikov browser Koristi cookie-je
Java. Script istorijat Zvanično ime je ECMAScript. Izumeo ga je Brandan Eich u Netscape-u (sa Navigatorom 2. 0). ECMA organizacija je razvila ECMA-262 koji je postao standard. Od 1996. godine podržavaju ga svi browseri. Još uvek je u fazi razvoja.
Kako. . . u Java. Script-u? HTML tag <script> se koristi za ubacivanje Java. Script koda u HTML kod Primer: <html> <body> <script type="text/javascript"> document. write("Hello World!"); </script> </body> </html>
Šta je sa browserima koji ne podržavaju Java. Script? Oni će prikazati skript kao sadržaj stranice, a da bi se to izbeglo potrebno je napisati sledeći kod: <html> <body> <script type="text/javascript"> <!-document. write("Hello World!"); //--> </script> </body> </html>
Java. Script gde…? U zavisnosti kad hoćete da se izvrši Java. Script kod možete ga postaviti: Prilikom učitavanja strane – tag <body> Kada se izvrši neki događaj – tag <head> Neki skript prilikom učitavanja strane, a neki kad korisnik izvrši na neki događaj Kada želimo da se isti Java. Script kod izvrši na nekoliko strana – u poseban fajl
Java. Script gde…? Ako se skript postavi u odeljak body – izvršiće se prilikom učitavanja strane i generisaće sadržaj stranice. <html> <head> </head> <body> <script type="text/javascript"> document. write("This message is written by Java. Script"); </script> </body> </html>
Java. Script gde…? Ako se skript postavi u odeljak head – izvršiće se onda kada se pozove ili kada ga pozove neki događaj <html> <head> <script type="text/javascript"> function message() { alert("This alert box was called with the onload event"); } </script> </head> <body onload="message()"> </body> </html>
Java. Script gde…? Može se postaviti neograničen broj skriptova u dokument, tako da se može koristiti i body i head odeljak. <html> <head> <script type="text/javascript">. . </script> </head> <body> <script type="text/javascript">. . </script> </body>
Java. Script gde…? Da se ne bi skriptovi pisali na svakoj strani, a koriste se isti, potrebno ih je zapisati u poseban fajl koji ima ekstenziju. js i pozivati ga po potrebi. <html> <head> <script type="text/javascript" src=“mojskript. js"></script> </head> <body> </body> U eksternom fajlu ne sme se pojavljivati tag <script> </html> samo Java. Script kod.
Java. Script code Java. Script naredbe se izvršavaju u browseru. Svaka Java. Script naredba se završava sa ; Java. Script naredbe mogu biti grupisane u blokove naredbi i tada se stavljaju u zagrade { }. Java. Script – case sensitive. Java. Script komentari: o o // - komentar za jednu liniju koda /* komentar za više linija koda*/ Komentari se koriste za blokiranje izvršavanja naredbi (u slučaju da browser ne podržava JS)
Java. Script code �Java. Script promenljive se mogu, a i ne moraju deklarisati. �Deklaracija promenljivih se vrši ključnom rečju var iza koje se navodi ime promenljive. �Dodela vrednosti promenljivoj može da se izvrši odmah nakon deklaracije, a može i kasnije. �Tip podatka koje će imati promenljiva se ne navode. var x=5; var carname="Volvo"; x=5; carname="Volvo";
Java. Script code Aritmetički operatori Ako je y=5 + - * / % ++ -- Addition Subtraction Multiplication Division Modulus Increment Decrement x=y+2 x=7 x=y-2 x=3 x=y*2 x=10 x=y/2 x=2. 5 x=y%2 x=1 x=++y x=6 x=--y x=4
Java. Script code Operatori za dodelu vrednosti Ako je x=10 i y=5 = x=y x=5 += x+=y x=x+y x=15 -= x-=y x=x-y x=5 *= x*=y x=x*y x=50 /= x/=y x=x/y x=2 %= x%=y x=x%y x=0
Java. Script code Operatori poređenja Ako je x=5 == === != > < >= <= is equal to is exactly equal to x==8 is false x===5 is true x==="5" is false is not equal x!=8 is true is greater than x>8 is false is less than x<8 is true is greater than or equal to x>=8 is false is less than or equal to x<=8 is true
Java. Script code Logički operatori Ako je x=6 i y=3 && || ! and or not (x < 10 && y > 1) is true (x==5 || y==5) is false !(x==y) is true Uslovni operator variablename = (condition) ? value 1 : value 2
Java. Script code �+ operator se koristi nad stringovima za konkatenaciju x=5+5; document. write(x); x="5"+"5"; document. write(x); x=5+"5"; document. write(x); x="5"+5; document. write(x); Ako saberete broj i string rezultat će biti string
Java. Script - uslovne naredbe Pružaju mogućnost izmene toka izvršavanja programa, u zavisnosti od konkretne logičke vrednosti izraza. Varijante uslovnih naredbi: o if statement o if. . . else statement o switch statement
Primer if naredbe <script type="text/javascript"> var d=new Date(); var time=d. get. Hours(); if (time<10) { document. write("<b>Good morning</b>"); } </script>
Primer if. . . else naredbe <script type="text/javascript"> var d = new Date(); var time = d. get. Hours(); if (time < 10) { document. write("Good morning!"); } else { document. write("Good day!"); } </script>
Primer ugnežđene if. . . else naredbe <script type="text/javascript"> var d = new Date() var time = d. get. Hours() if (time<10) { document. write("<b>Good morning</b>"); } else if (time>=10 && time<16) { document. write("<b>Good day</b>"); } else { document. write("<b>Hello World!</b>"); } </script>
Primer switch naredbe <script type="text/javascript"> var d=new Date(); the. Day=d. get. Day(); switch (the. Day) {case 5: document. write("Finally Friday"); break; case 6: document. write("Super Saturday"); break; case 0: document. write("Sleepy Sunday"); break; default: document. write("I'm looking forward to this weekend!"); } </script>
Java. Script - petlje Omogućavaju da se određeni delovi koda više puta izvršavaju (poznat broj puta, dok je uslov zadovoljen. . . ). Kod se izvršava kroz iteracije. Postoje: o for loops o while loops o do. . while loops
Primer for petlje <html> <body> <script type="text/javascript"> var i=0; for (i=0; i<=5; i++) { document. write("The number is " + i); document. write("<br />"); } </script> </body> </html>
Primer while petlje <html> <body> <script type="text/javascript"> var i=0; while (i<=5) { document. write("The number is " + i); document. write("<br />"); i++; } </script> </body> </html>
Primer do. . . while petlje <html> <body> <script type="text/javascript"> var i=0; do { document. write("The number is " + i); document. write("<br />"); i++; } while (i<=5); </script> </body> </html>
Primer break naredbe <html> <body> <script type="text/javascript"> var i=0; for (i=0; i<=10; i++) { if (i==3) { break; } document. write("The number is " + i); document. write("<br />"); } </script> </body> </html>
Primer continue naredbe <html> <body> <script type="text/javascript"> var i=0 for (i=0; i<=10; i++) { if (i==3) { continue; } document. write("The number is " + i); document. write("<br />"); } </script> </body> </html>
Java. Script funkcije Funkcijama se nazivaju blokovi naredbi koji se pozivaju i izvršavaju kao celina. Podaci neophodni za njihovo izvršavanje mogu im se proslediti kao parametri. Funkcije mogu da vraćaju vrednosti, ali to se od njih ne zahteva uvek. Funkcije moraju biti definisane, pre nego što se mogu koristiti. Definicija funkcije se, obično, smešta u zaglavlje HTML dokumenta, iako takav postupak nije obavezan.
Sintaksa definisanja funkcije je sledeća: function ime_funkcije(p 1, p 2, . . . , pn) { naredbe } Ključna reč function mora se pisati malim slovima. Funkcija će se izvršiti kada se desi neki događaj ili kada se pozove. Funkcija se može pozvati bilo gde unutar strane. Funkcije koje treba da vrate neku vrednost moraju koristiti naredbu return. Primer Promenljive koje se deklarišu u funkciji – lokalne promenljive. Primer
Primer funkcije koja vraća vrednost <html> <head> <script type="text/javascript"> function product(a, b) { return a*b; } </script> </head> <body> <script type="text/javascript"> document. write(product(4, 3)); </script> </body> </html>
<HTML> <HEAD> <TITLE>Global and Local Variables</TITLE> <SCRIPT LANGUAGE="Java. Script"> function display. Squared(y) {var x = y * y; document. write(x+"<BR>") } </SCRIPT> </HEAD> <BODY> <SCRIPT LANGUAGE="Java. Script"> for(x=0; x<10; ++x) display. Squared(x) </SCRIPT> </BODY> </HTML>
Java. Script Pop-up prozori Java. Script ima tri vrste pop-up prozora: Alert box, Confirm box, Prompt box.
Alert pop-up prozor Koristimo ga kada želimo da budemo sigurni da je informacija prosleđena korisniku. Kada se pojavi alert box, korisnik treba da klikne na "OK" da bi nastavio dalji rad. Sintaksa alert("sometext");
Primer Alert Box <html> <head> <script type="text/javascript"> function show_alert() { alert("I am an alert box!"); } </script> </head> <body> <input type="button" onclick="show_alert()" value="Show alert box" /> </body> </html>
Confirm pop-up prozor Koristimo kada korisnik treba da verifikuje ili prihvati nešto. Kada se pojavi confirm box, korisnik treba da klikne ili na “OK” ili na “Cancel” da bi nastavio rad. Ako izabere “OK”, confirm box vraća vrednost true. Ako klikne na “Cancel”, vraća false. Sintaksa confirm("sometext");
Primer Confirm Box <html> <body> <head> <script type="text/javascript"> <input type="button" onclick="show_confirm()" function show_confirm() value="Show confirm box" /> { var r=confirm("Press a button"); if (r==true) </body> { document. write("You pressed OK!"); } </html> else { document. write("You pressed Cancel!"); }} </script> </head>
Prompt pop-up prozor Koristimo kada želimo da korisnik unese vrednost pre nego što pristupi strani. Kada se pojavi prompt box, korisnik treba da unese vrednost, a zatim da klikne na "OK" ili "Cancel" da bi nastavio sa radom. Ako korisnik klikne na "OK" prompt box vraća unetu vrednost, a ako klikne na "Cancel" vraća null. Sintaksa prompt("sometext", "defaultvalue");
Primer Confirm Box <body> <html> <head> <input type="button" onclick="show_prompt()" <script type="text/javascript"> value="Show prompt box" /> function show_prompt() { var name=prompt("Please enter your name", "Harry </body> Potter"); </html> if (name!=null && name!="") { document. write("Hello " + name + "! How are you today? "); }} </script> </head>
Java. Script Objects Java. Script je objektno orijentisan jezik. Omogućava da se definišu sopstveni objekti i kreiraju novi tipovi podataka. Objekat je specijalan tip podataka koji ima svoje properties (osobine) i metode. Properties opisuju osobine objekta i svaka osobina ima neku vrednost. Metode su akcije koje objekat može da primeni.
Java. Script Objects Primer (osobina): var txt="Hello world!"; document. write(txt. length); 12 Primer (metoda): var txt="Hello world!"; document. write(txt. to. Upper. Case()); HELLO WORLD!
Java. Script Objects Objekti i njegove osobine(metode) se obično referenciraju korišćenjem tačke između objekta i njegove osobine(metode). document. write("This is a test. ") Postoji i druga notacija document ["write"] ("This is a test. ")
Postoje dva glavna tipa Java. Script objekata: Language Objects –objekti na nivou Java. Script jezika i nezavisni su od drugih objekata. Navigator Objects – objekti na strani klijentskog browsera. Primer: alert("An error occurred!"); window. alert("An error occurred!"); this. alert("An error occurred!"); Osim gore pomenutih postoje i objekti kreirani od strane programera.
Generalno objekti se kreiraju sledećom sintaksom: name = new Object(); Primer: ratings = new Array(6, 9, 8, 4, 5, 7, 8, 10); var home = new String("Residence"); var futdate = new Date(); var num 1 = new Number(); var string = "This is a test. “;
Java. Script Array Object Array objekat se koristi da uskladišti više vrednosti u jednu promenljivu. Ako se kao vrednosti u nizu odrede brojevi ili Array objekat se može definisati na 3 načina: true/false vrednosti, tip 1: nizovne promenljive će var my. Cars=new Array(); biti Number ili my. Cars[0]=“Audi"; Boolean, umesto String my. Cars[1]="Volvo"; my. Cars[2]="BMW"; 2: var my. Cars=new Array(“Audi", "Volvo", "BMW"); 3: var my. Cars=[“Audi", "Volvo", "BMW"];
Pristup pojedinim elementima niza vrši se navođenjem imena niza i indeksa. Broj indeksa počinje od O. document. write(my. Cars[O]); Audi my. Cars[O]="Opel"; document. write(my. Cars[O]); Opel
<html> <body> <script type="text/javascript"> var mycars = new Array(); mycars[0] = “Audi"; mycars[1] = "Volvo"; mycars[2] = "BMW"; for (i=0; i<mycars. length; i++) { document. write(mycars[i] + "<br />"); } </script> </body> </html>
<html> <body> <script type="text/javascript"> var x; var mycars = new Array(); mycars[0] = “Audi"; mycars[1] = "Volvo"; mycars[2] = "BMW"; for (x in mycars) { document. write(mycars[x] + "<br />"); } </script> </body> </html>
Array Object Methods concat() metoda se koristi da spoji 2 ili više nizova. Ova metoda ne menja postojeći niz, već vraća kopiju spojenih nizova. Sintaksa array. concat(array 2, array 3, . . . , array. X);
Concat() <script type="text/javascript"> var parents = ["Jani", "Tove"]; var children = ["Cecilie", "Lone"]; var family = parents. concat(children); document. write(family); </script> <script type="text/javascript"> var parents = ["Jani", "Tove"]; var brothers = ["Stale", "Kai Jim", "Borge"]; var children = ["Cecilie", "Lone"]; var family = parents. concat(brothers, children); document. write(family); </script>
join() metoda udružuje sve lemente niza u strin i vraća string. Elementi su odvojeni separatorom. Default separator je zarez (, ). Sintaksa array. join(separator)
join() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. join() + "<br />"); document. write(fruits. join("+") + "<br />"); document. write(fruits. join(" and ")); </script>
pop() metoda uklanja poslednji element u nizu i vraća taj element. Ova metoda menja dužinu niza (length). Sintaksa array. pop() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. pop() + "<br />"); document. write(fruits); </script>
push() metoda dodaje novi element na kraj niza i vraća novu dužinu niza. Ova metoda menja dužinu niza (length). Sintaksa array. push(element 1, element 2, . . . , element. X) <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. push("Kiwi") + "<br />"); document. write(fruits. push("Lemon", "Pineapple") + "<br />"); document. write(fruits); </script>
reverse() metoda okreće poredak elemenata u nizu (poslednji element je prvi, prvi element je poslednji). Ova metoda menja originalan niz. Sintaksa array. reverse() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. reverse()); </script>
shift() metoda uklanja prvi element niza i vraća taj element. Ova metoda menja dužinu niza. Sintaksa array. shift() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. shift() + "<br />"); document. write(fruits); </script>
slice() metoda selektuje deo niza i vraća novi niz. Originalni niz se ne menja. Sintaksa array. slice(start, end) start - obavezan. Broj koji određuje odakle da krene selekcija. Prvi element ima indeks O. Mogu se koristiti negativni brojevi ako se hoće selekcija koja ide od kraja niza. end - proizvoljan. Broj koji određuje gde se završava selekcija. Ako se izostavi, tada metoda selektuje sve od startne pozicije do kraja niza.
slice() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. slice(0, 1) + "<br />"); document. write(fruits. slice(-2) + "<br />"); document. write(fruits); </script>
sort() metoda sortira sve elemente niza. Ova metoda menja originalni niz. Sintaksa array. sort(sortfunc) sortfunc – parametar koji određuje redosled sortiranja. Default vrednost je alphabetically i ascending. Brojevi neće biti korektno sortirani (npr. 40 dolazi pre 5). Zato se koristi funkcija koja poredi brojeve.
sort() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. sort()); </script> <script type="text/javascript"> function sort. Number(a, b) { return a - b; } var n = ["10", "5", "40", "25", "100", "1"]; document. write(n. sort(sort. Number)); </script>
splice() metoda dodaje/ili uklanja elemente niza i vraća uklonjen element. Ova metoda menja originalni niz. Sintaksa array. splice(index, howmany, element 1, . . . , element. X) index– obavezan parametar koji određuje sa koje pozicije da se doda ili ukloni element. howmany – obavezan parametar određuje broj elemenata koje treba ukloniti, ako je postavljen na O ne uklanja se nijedan element. Ako se navede neki element od elemenata element 1, . . . , element. X - on će biti dodat nizu.
splice() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write("Removed: " + fruits. splice(2, 0, "Lemon") + "<br />"); document. write(fruits); </script> <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write("Removed: " + fruits. splice(2, 1, "Lemon") + "<br />"); document. write(fruits); </script>
to. String() metoda konvertuje niz u string. String koji se dobije odvaja elemente niza zarezom. Sintaksa array. to. String() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. to. String()); </script>
unshift() metoda dodaje nove elemente nizu počevši od početka niza, vraća novu dužinu niza. Ova metoda menja dužinu niza. Sintaksa array. unshift(element 1, element 2, . . . , element. X) unshift() metoda vraća undefined u Internet Exploreru!
unshift() <script type="text/javascript"> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document. write(fruits. unshift("Kiwi") + "<br />"); document. write(fruits. unshift("Lemon", "Pineapple") + "<br />"); document. write(fruits); </script>
Java. Script String Object string objekat se koristi za manipulaciju sa određenim delom teksta. var txt="Hello world!"; document. write(txt. length); 12 var txt="Hello world!"; document. write(txt. to. Upper. Case()); HELLO WORLD!
Java. Script Date Object Date objekat se koristi da radi sa datumima i vremenima. Date objekat se kreira sa konstruktorom Date(). new Date(); //trenutni datum i vreme new Date(milliseconds); //datum u millisekundama počev od //1970/01/01 new Date(date. String); new Date(year, month, day, hours, minutes, seconds, milliseconds) ; Kada se objekat Date kreira, određene metode omogućavaju rad sa datumom i vremenom.
Java. Script Date Object Svi datumi se računaju u milisekundama počev od 01. Januara, 1970 00: 00 Universal Time (UTC) i to tako da dan sadrži 86, 400, 000 milisekundi. today = new Date(); d 1 = new Date("October 13, 1975 11: 13: 00"); d 2 = new Date(79, 5, 24); d 3 = new Date(79, 5, 24, 11, 33, 0);
Poređenje dva datuma var my. Date=new Date(); my. Date. set. Full. Year(2010, 0, 14); var today = new Date(); if (my. Date>today) { alert("Today is before 14 th January 2010"); } else { alert("Today is after 14 th January 2010");
Java. Script Math Object Objekat Math omogućava da se izvršavaju matematički zadaci. var pi_value=Math. PI; var sqrt_value=Math. sqrt(16); Math nije konstruktor. Sve osobine i metode objekta Math koriste se korišćenejm ključne reči Math, bez kreiranja objekta.
Matematičke konstante Java. Script obezbeđuje 8 matematičkih konstanti kojima se može pristupati preko Math objekta. Math. E Math. PI Math. SQRT 2 Math. SQRT 1_2 Math. LN 10 Math. LOG 2 E Math. LOG 10 E
Matematičke metode document. write(Math. round(4. 7)); document. write(Math. random()); vraća slučajan broj između 0 i 1 document. write(Math. floor(Math. random()*11)); vraća slučajan broj između 0 i 10
Java. Script Navigator Object Navigator objekat sadrži informacije o browseru posetioca strane (ime browsera, verzija. . . ) Koristi se u svrhu kreiranja web stranica koje će biti dovoljno “pametne” da se ponašaju na jedan način za neke browsere, a na drugi način za neke druge browsere. Neke od osobina (properties) Navigator objekta su: o app. Name – čuva ime browsera, o app. Version – čuva, pored ostalog, verziju browsera.
<html> <body> <script type="text/javascript"> var browser=navigator. app. Name; var b_version=navigator. app. Version; var version=parse. Float(b_version); document. write("Browser name: "+ browser); document. write("<br />"); document. write("Browser version: "+ version); </script> </body> </html>
<html> <head> <script type="text/javascript"> function detect. Browser() { var browser=navigator. app. Name; var b_version=navigator. app. Version; var version=parse. Float(b_version); if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4)) { alert("Your browser is good enough!"); } else { alert("It's time to upgrade your browser!"); } } </script> </head> <body onload="detect. Browser()"> </body> </html>
Napisati Java. Script funkciju koja koristi sledeće osobine Navigator objekta: o app. Code. Name o platform o cookie. Enabled o browser. Language o system. Language o user. Language
Šta je Cookie (kolačić)? Cookie je promenljiva koja se čuva na korisnikovom računaru. Svaki put kada isti računar zatraži stranicu u browseru, šalje se i cookie na server. Java. Script omogućava kreiranje i preuzimanje vrednosti iz promenljive cookie. Rad sa cookie-jima zahteva: o Funkciju koja će da čita cookie (ako postoji), o Funkciju koja će da zapamti cookie, o Funkciju koja će da obriše cookie.
Primeri korišćenja cookie-ja Name cookie – Prvi put kada posetilac pristupi nekoj web stranici u kojoj mora popuniti podatke o svom imenu, ti podaci će se sačuvati u cookie-ju. Kada sledeći put posetilac poseti tu istu web stranciu, dobiće pozdravnu poruku npr. "Welcome John Doe!". Ime posetioca se preuzme iz sačuvane vrednosti cookie-ja. Password cookie – Kao i u prethodnom slučaju, ako se uključi opcija Save password, podaci o lozinki posetioca će se sačuvati u cookie-ju, tako da posetilac sledeći put kad pristupi toj strani neće morati ponovo kucati lozinku. Date cookie – U cookie-ju se takođe može sačuvati trenutni datum kada je posetilac posetio stranu, čime se može obezbediti poruka tipa "Your last visit was on Tuesday August 11, 2005!“.
Prvo je potrebno kreirati funkciju koja će sačuvati ime posetioca u varijabli cookie. function set. Cookie(c_name, value, expiredays) { var exdate=new Date(); exdate. set. Date(exdate. get. Date()+expiredays); document. cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : "; expires="+exdate. to. GMTString()); }
Zatim kreiramo funkciju koja proverava da li je cookie poslat function get. Cookie(c_name) { if (document. cookie. length>0) { c_start=document. cookie. index. Of(c_name + "="); if (c_start!=-1) { c_start=c_start + c_name. length+1; c_end=document. cookie. index. Of("; ", c_start); if (c_end==-1) c_end=document. cookie. length; return unescape(document. cookie. substring(c_start, c_end)); } } return ""; }
Na kraju kreiramo funkciju koja šalje pozdravnu poruku function check. Cookie() { username=get. Cookie('username'); if (username!=null && username!="") { alert('Welcome again '+username+'!'); } else { username=prompt('Please enter your name: ', ""); if (username!=null && username!="") { set. Cookie('username', username, 365); } } }
Java. Script Form Validation Java. Script može da služi za validaciju podataka u HTML formama pre slanja na server. Podaci koju mogu da se ispitaju su tipa: o Ako je korisnik zaboravio da popuni neko obavezno polje, o Ako je korisnik uneo “pogrešnu” e-mail adresu, o Ako je korisnik uneo pogrešan datum, o Ako je korisnik uneo tekstualni podatak na mestu gde se očekuje numerička vrednost.
Validacija obaveznog polja function validate_required(field, alerttxt) { with (field) { if (value==null||value=="") { alert(alerttxt); return false; } else { return true; } }}
Validacija pravilno napisane e-mail adrese function validate_email(field, alerttxt) { with (field) { apos=value. index. Of("@"); dotpos=value. last. Index. Of(". "); if (apos<1||dotpos-apos<2) {alert(alerttxt); return false; } else {return true; } } }
Java. Script Animation Java. Script se koristi da kreira animirane sličice promenom slika koje reaguju na različite događaje. <a href="http: //www. w 3 schools. com" target="_blank"> <img border= "0" alt="Visit W 3 Schools!" src="b_pink. gif" id="b 1" onmouse. Over="mouse. Over()" onmouse. Out="mouse. Out()" /></a>
<script type="text/javascript"> function mouse. Over() { document. get. Element. By. Id("b 1"). src ="b_blue. gif"; } function mouse. Out() { document. get. Element. By. Id("b 1"). src ="b_pink. gif"; } </script>
Java. Script Timing Events Java. Script može da se izvršava u određenim vremenskim intervalima (timing events). Koristimo dve metode: o set. Timeout() – izvršiće kod za zadati vremenski period o clear. Timeout() – otkazaće postavljeno vreme za koje treba da se izvrši kod Obe metode su metode HTML DOM Window objekta.
set. Timeout() Sintaksa var t=set. Timeout("javascript statement", milliseconds); Prvi parametar je string koji sadrži Java. Script naredbu npr. "alert('5 seconds!')“ ili poziv neke funkcije "alert. Msg()". Drugi parametar određuje za koliko milisekundi treba da se izvrši Java. Script naredba. (1000 milisekundi = 1 sekund) Ova metoda vraća vrednost u promenljivu t koja služi da se otkaže postavljeno vreme u metodi set. Timeout().
clear. Timeout() Sintaksa clear. Timeout(set. Timeout_variable) set. Timeout_variable je promenljiva koja je inicijalizovana pozivom metode set. Timeout() u kojoj se nalazi vraćena vrednost nakon izvršenja metode. U prethodnom primeru clear. Timeout(t) – uklanja postavljeno vreme metodom set. Timeout()
Osnove php programiranja
Objektno orijentisano programiranje
Internet programiranje
Osnove java programiranja
Osnove objektno orijentisanog programiranja
Osnove turizma udžbenik 1. razred pdf
Osnove kakovosti in varnosti v zdravstvu strokovni izpit
Informatika 8 razred
Nada prlić osnove zdravstvene njege
Osnove jela
Html osnove
Osnove rada u programu prikupljanje i unos podataka
It tehnologija definicija
Osnove tehničkih materijala
Osnove pedagogije
3. deklinacija
Osnove imunologije
Masculinum
Osnove poslovne komunikacije
Ivana gusar
Ubodni incident postupak
Aktiva i pasiva tabela
Radulovi
Opste osnove predskolskog programa
Organske osnove psihickog zivota
Osnove zdravstvene njege
Osnove interneta
Informatika je nauka
Osnove termodinamike
Osnove financ
Kaj je informacija
Informatika osnovni pojmovi
Genetuka
Matematicke osnove racunara
Sql osnove
Osnove arhitekture
Francuski jezik gramatika
Osnove algoritama
Osnove termodinamike
Script de java
What is java scripts
Java script wikipedia
"java script"
"java script"
"java script"
Java script course
Java script
"java script"
Khan academy java programming
Java script examples
Inside which html element
Java script email
Java script ide
"language fundamentals"
Riad wahby
Java script classes
Pmf programiranje
Informatika 6 razred
Fms logo naredbe
Objektno orijentirani programski jezici
Fanuc programiranje
Nizovi programiranje c
Polimorfizam programiranje
Repeat 3 fd 100 rt 120
Metodologija programiranja
Informatika programiranje
Programiranje baza podataka matf
Funkcionalno programiranje
Algoritmi i programiranje elfak
Umjetni jezik
Objektno usmjereno programiranje psi
Skriptni jezici i web programiranje
Planiranje i programiranje nastave
Paralelno programiranje
Objektno programiranje
Objektno orijentisano programiranje
Linearno programiranje zadaci+resenja
Objektno orijentisano programiranje matf
Objektno orientirano programiranje
Rekurzija programiranje
Arduino programiranje
Sistemsko programiranje
Algoritmi i programiranje
Klasa programiranje
Cnc programiranje primeri
Osnovni programski jezik
Algoritam programiranje
Program za programiranje
Zadaci za programiranje
Razgranata struktura algoritma
Vizualno programiranje
Programiranje tmf bg ac rs
Elektron tmf programiranje
