Java Script Java Script Programski skriptni jezik koji
































































































































































- Slides: 160
Java Script
Java Script • Programski – skriptni jezik koji se izvšava u web browser-u • Koristi se za dodatnu funkcionalnost na web stranama, za dinamičke web strane • Jedna od čestih upotreba je provera korisničkog unosa u web browser-u, pre slanja korisničkih podataka na web server • Java Script se kombinuje sa html code-om na dva osnovna načina ili aspekta: 1. Može biti ptisutan na bilo kom delu html strane 2. Može da pristupa html elementima na web strani preko DOM-a (Document Object Model)
ECMA script • 1961 ECMA – European Computer Manufacturers Association • Osnovni zadatak je standardizacija u oblasti ICT (Information Communication Technology) i CE (Consumer Electronics) • 1994 International, ali se ECMA zadržava iz istorijskih razloga • Java. Script je razvio Brendan Eich u Netscape-u – Mocha -> Live. Script -> Java. Script • Decembra 1995 Netscape i Sun Microsystems zvanično objavljuju Java. SCript
http: //www. ecmainternational. org/publications/standa rds/Ecma-262. htm
Osnovne karakteristike Java. Script-a • Objektno orijentisani jezik • Nije nezavisan od svoje okoline, na pr. specifikacija ne navodi kako se vrši ulaz ili izlaz podataka • Očekuje se da okruženje (web browser ali i neka druga – Adobe programi, Open Office, itd) u okviru koga radi Java. Script obezbedi objekte za ulaz i izlaz
Java. Script je jednostavan – korišćenje iz html - a
Drugi način deklaracije skripta
Multipurpose Internet Mail Extensions (MIME
Za starije browser-e • <html> – <body> • <script type="text/javascript"> – <!-- document. write("Hello World!"); – //--> • </script> – </body> • </html>
Html iz Java Script-a
Java script u zaglavlju
Java script u elementu body
Eksterni java script
Svojstva Java Script-a • Java script je case sensitive • Oznaka ; na kraju naredbe je opciona • Sa ; se mogu napisati višestruke Java. Script naredbe u istoj liniji • Bez oznake ; Java. Script naredbe se moraju pisati u posebnim linijama • Blokovi u Java. Script-u između oznaka zagrada { i }, kao u C++-u, Java-i, PHP-u, … i drugim C – olikim jezicima • Blok predstavlja celinu – ekvivalentnu jednoj naredbi
Java. Script blok
Java. Script blok 2
Komentari u Java. Script-u • • Komentar na kraju reda – linije je “//” Proizvoljni komentar između znakova “/*” i “*/” – multi line comment • Kao i u drugim programskim jezicima, komentari služe za: 1. Opis programa običnim govornim tekstom 2. Privremeno isključivanje delova programa tokom razvoja programa
// komentar
“/*” i “*/ komentari
Modifikovanje programa komentarom
Modifikovanje programa komentarom
Java. Script promenljive • Java. Script nije strogo tipizirani jezik, tako da deklaracija promenljivih nije obavezna • Promenljiva x se PRVI put u programu može navesti kao: • x = 5; • Tip promenljive se deklariše implicitno – preko trenutno dodeljene vrenosti - script jezik • Deklaracija promenljive x: • var x = 5; • x = “Hello World”; • Tip podatka koji sadrži promenljiva može da se menja u toku programa • Ime promenljive je case sensitive i sastoji se od slova (a – z, A – Z), cifara (0 – 9) i znaka “_” – underscore. Prvi znak imena promenljive mora biti slovo ili “_”
Osnovni – ugrađeni tipovi podataka • • • Undefined Null Boolean Number String • Osim ovih osnovnih tipova postoje i objekti – građeni i korisnički definisani o kojima će kasnije biti reči
Operatori ++ i - - mogu biti prefiksni i postfiksni
Sabiranje brojeva i stringova
if (condition) { code to be executed if condition is true }
if (condition) { code to be executed if condition is true } else { code to be executed if condition is not true }
if (condition 1) { code to be executed if condition 1 is true } else if (condition 2) { code to be executed if condition 2 is true } else { code to be executed if condition 1 and condition 2 are not true }
If… else… random links
switch(n) { case 1: execute code block 1 break; case 2: execute code block 2 break; default: code to be executed if n is different from case 1 and 2 }
Switch primer – objekat Date
Alert box
Alert box sa više linija
Confirm box
Confirm box rezultat – Google Chrome
Confirm box rezultat - Safari
Confirm box rezultat - Sea. Monkey
Confirm box ispis teksta
Prompt box
Prompt box rezultat
Java. Script funkcije
Function arguments
Function arguments 2
Function return value
Function return with arguments
For loop
For loop headers
While loop
Do while loop
Break for
Continue for
For in loop
Try catch
Try catch 2
Throw statement
On error
Java. Script OOP • Ugrađeni – built in Java Script objekti • Definisanje korisničkih – custom objekata • Nema klasa, samo objekti, na kraju to je samo script jezik! • Svojstvo – atribut “length” objekta String • <script type="text/javascript"> var txt="Hello World!"; document. write(txt. length); </script> • Rezultat: 12 – dužina, broj znakova
to. Upper. Case metod String objekta • <script type="text/javascript"> var str="Hello world!"; document. write(str. to. Upper. Case()); </script> • Rezultat je: • • HELLO WORLD!
Style strings u Java Script-u
String index. Of() method
String match() metod
String replace metod()
String creator svojstvo
String prototype svojstvo
String metodi 2
Date objekat
Date get. Time() metod
Date set. Full. Year()
Date to. UTCSTring() metod
Date get. Day() metod
Live clock
Date metodi 2
Date metodi 3
Objekat Array
Array For. . . in
Array više dimenzija
Array concat() metod
Array join() podrazumevano
Array sort() literal (tekst)
Array sort() numeric
Sort numeric as literal
Sort numeric descending
Array pop()
Array push()
Array reverse()
Array shift()
Array unshift()
Array slice()
Array splice()
to. Source() svojstvo
Objekat Boolean
Boolean uslov
Boolean constructor
Boolean to. String()
Boolean value. Of()
Math round()
Math random()
Math max()
Prevodjenje logaritama iz jedne osnove u drugu
Math LOG
Java. Script custom – korisnički objekti
Template za objekte – klasa?
Dodavanje metoda sablonu
Java. Script prototype
Objekat navigator
Objekat navigator 2
Objekat navigator 3
Navigator kolekcija plugins
Navigator svojstva
Submit sa prethodne strane
Encode / decode URI
Encode / decode URIcomponent
Escape / unescape function
Eval function
Infinity svojstvo
Na. N - Not a Number svojstvo
Undefined svojstvo
Number MIN – MAX svojstva
Number + / infinity svojstvo