Java Script Java Script Programski skriptni jezik koji

  • Slides: 160
Download presentation
Java Script

Java Script

Java Script • Programski – skriptni jezik koji se izvšava u web browser-u •

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

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

http: //www. ecmainternational. org/publications/standa rds/Ecma-262. htm

Osnovne karakteristike Java. Script-a • Objektno orijentisani jezik • Nije nezavisan od svoje okoline,

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

Java. Script je jednostavan – korišćenje iz html - a

Drugi način deklaracije skripta

Drugi način deklaracije skripta

Multipurpose Internet Mail Extensions (MIME

Multipurpose Internet Mail Extensions (MIME

Za starije browser-e • <html> – <body> • <script type="text/javascript"> – <!-- document. write("Hello

Za starije browser-e • <html> – <body> • <script type="text/javascript"> – <!-- document. write("Hello World!"); – //--> • </script> – </body> • </html>

Html iz Java Script-a

Html iz Java Script-a

Java script u zaglavlju

Java script u zaglavlju

Java script u elementu body

Java script u elementu body

Eksterni java script

Eksterni java script

Svojstva Java Script-a • Java script je case sensitive • Oznaka ; na kraju

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

Java. Script blok 2

Java. Script blok 2

Komentari u Java. Script-u • • Komentar na kraju reda – linije je “//”

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

// komentar

“/*” i “*/ komentari

“/*” i “*/ komentari

Modifikovanje programa komentarom

Modifikovanje programa komentarom

Modifikovanje programa komentarom

Modifikovanje programa komentarom

Java. Script promenljive • Java. Script nije strogo tipizirani jezik, tako da deklaracija promenljivih

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 •

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

Operatori ++ i - - mogu biti prefiksni i postfiksni

Sabiranje brojeva i stringova

Sabiranje brojeva i stringova

if (condition) { code to be executed if condition is true }

if (condition) { code to be executed if condition is true }

if (condition) { code to be executed if condition is true } else {

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 }

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

If… else… random links

switch(n) { case 1: execute code block 1 break; case 2: execute code block

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

Switch primer – objekat Date

Alert box

Alert box

Alert box sa više linija

Alert box sa više linija

Confirm box

Confirm box

Confirm box rezultat – Google Chrome

Confirm box rezultat – Google Chrome

Confirm box rezultat - Safari

Confirm box rezultat - Safari

Confirm box rezultat - Sea. Monkey

Confirm box rezultat - Sea. Monkey

Confirm box ispis teksta

Confirm box ispis teksta

Prompt box

Prompt box

Prompt box rezultat

Prompt box rezultat

Java. Script funkcije

Java. Script funkcije

Function arguments

Function arguments

Function arguments 2

Function arguments 2

Function return value

Function return value

Function return with arguments

Function return with arguments

For loop

For loop

For loop headers

For loop headers

While loop

While loop

Do while loop

Do while loop

Break for

Break for

Continue for

Continue for

For in loop

For in loop

Try catch

Try catch

Try catch 2

Try catch 2

Throw statement

Throw statement

On error

On error

Java. Script OOP • Ugrađeni – built in Java Script objekti • Definisanje korisničkih

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 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

Style strings u Java Script-u

String index. Of() method

String index. Of() method

String match() metod

String match() metod

String replace metod()

String replace metod()

String creator svojstvo

String creator svojstvo

String prototype svojstvo

String prototype svojstvo

String metodi 2

String metodi 2

Date objekat

Date objekat

Date get. Time() metod

Date get. Time() metod

Date set. Full. Year()

Date set. Full. Year()

Date to. UTCSTring() metod

Date to. UTCSTring() metod

Date get. Day() metod

Date get. Day() metod

Live clock

Live clock

Date metodi 2

Date metodi 2

Date metodi 3

Date metodi 3

Objekat Array

Objekat Array

Array For. . . in

Array For. . . in

Array više dimenzija

Array više dimenzija

Array concat() metod

Array concat() metod

Array join() podrazumevano

Array join() podrazumevano

Array sort() literal (tekst)

Array sort() literal (tekst)

Array sort() numeric

Array sort() numeric

Sort numeric as literal

Sort numeric as literal

Sort numeric descending

Sort numeric descending

Array pop()

Array pop()

Array push()

Array push()

Array reverse()

Array reverse()

Array shift()

Array shift()

Array unshift()

Array unshift()

Array slice()

Array slice()

Array splice()

Array splice()

to. Source() svojstvo

to. Source() svojstvo

Objekat Boolean

Objekat Boolean

Boolean uslov

Boolean uslov

Boolean constructor

Boolean constructor

Boolean to. String()

Boolean to. String()

Boolean value. Of()

Boolean value. Of()

Math round()

Math round()

Math random()

Math random()

Math max()

Math max()

Prevodjenje logaritama iz jedne osnove u drugu

Prevodjenje logaritama iz jedne osnove u drugu

Math LOG

Math LOG

Java. Script custom – korisnički objekti

Java. Script custom – korisnički objekti

Template za objekte – klasa?

Template za objekte – klasa?

Dodavanje metoda sablonu

Dodavanje metoda sablonu

Java. Script prototype

Java. Script prototype

Objekat navigator

Objekat navigator

Objekat navigator 2

Objekat navigator 2

Objekat navigator 3

Objekat navigator 3

Navigator kolekcija plugins

Navigator kolekcija plugins

Navigator svojstva

Navigator svojstva

Submit sa prethodne strane

Submit sa prethodne strane

Encode / decode URI

Encode / decode URI

Encode / decode URIcomponent

Encode / decode URIcomponent

Escape / unescape function

Escape / unescape function

Eval function

Eval function

Infinity svojstvo

Infinity svojstvo

Na. N - Not a Number svojstvo

Na. N - Not a Number svojstvo

Undefined svojstvo

Undefined svojstvo

Number MIN – MAX svojstva

Number MIN – MAX svojstva

Number + / infinity svojstvo

Number + / infinity svojstvo