Javascript PDF

1.
Uvod u JavaScript
JavaScript se koristi na milion Web stranica da bi se poboljalo dizajniranje, proverile forme, detektovali
browser-i, kreirali cookie-ji, i mnogo vie.
JavaScript je najpopularniji skript jezik na internetu, i funkcionie na svim poznatijim browser-ima, kao
to su Internet Explorer, Mozilla, Firefox, Netscape, Opera.
1.1. ta je JavaScript?
JavaScript je dizajniran da bi se dodala interaktivnost HTML stranama

JavaScript je skript jezik (jednostavan programski jezik)
JavaScript se sastaji od linija koda koji moe da se izvrava
JavaScript se obino direktno ugrauje u HTML strane
JavaScript je interpreterski jezik (to znai da se izvrava bez prethodnog kompajliranja)
JavaScript nije licenciran jezik
1.2. Da li je JavaScript isto to i Java?

NE!
Java i JavaScript su po konceptu i nainu programiranja dva potpuno razliita jezika.
Java (koju je razvio Sun Microsystems) je kompleksniji programski jezik, u istoj kategoriji kao C and
C++.
1.3. ta JavaScript moe?
JavaScript daje HTML dizajnerima alat za programiranje - HTML autori obino nisu programeri,
ali JavaScript je skript jezik sa veoma jednostavnom sintaksom.
JavaScript moe da dinamiki ubaci kod u HTML stranu sledea JavaScript naredba:
document.write("<h1>" + name + "</h1>") moe da napie promenljiv tekst koji se
nalazi u promenljivoj name na HTML strani
JavaScript moe da reaguje na dogaaje - JavaScript moe da se podesi tako da se izvri kad se
neto desi, npr. kad se strana uita ili kad korisnik klikne na HTML element
JavaScript moe da proita ili ispie HTML elemente - JavaScript moe da proita i da promeni
sadraj HTML elementa
JavaScript moe da se koristi za proveru ispravnosti unetih podataka - JavaScript moe da se
koristi za proveru ispravnosti podataka unetih u formu, da proveri ispravnost podataka pre nego to se
poalju serveru
JavaScript moe da se koristi za detektovane browser-a korisnika - JavaScript moe da se koristi
za detektovanje browser-a iu zavisnosti od browser-a, uitavanje strane specijalno dizajnirane za taj
browser
JavaScript moe da se koristi za kreiranje cookie-ja - JavaScript moe da se koristi za uvanje i
vraanje informacija o raunaru posetioca
2.
JavaScript kako da ...
HTML tag <script> se koristi za umetanje JavaScript-a u HTML stranu.

JavaScript
2.1.
Primeri
Primer 2.1 Ispisivanje teksta

<html>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
</body>
</html>
Primer 2.2 Ispisivanje teksta sa formatiranjem

<html>
<body>
document.write("<h1>Hello World!</h1>")
</script>
</body>
</html>
2.2.
Kako da ubaciteJavaScript u HTML stranu
<html>
<body>
</script>
</body>
</html>
Ovaj kod e izgledati na strani:

Hello World!
Objanjenje primera
Da bi ubacili JavaScript u HTML stranu, koristimo tag <script> (takoe, koristimo atribut type da bi
definisali skript jezik).
Dakle, <script type="text/javascript"> i </script> definiu gde poinje i zavrava se
JavaScript:
<html>
<body>
...
</script>
</body>
</html>
Rei document.write su standardna JavaScript komanda za pisanje po stranici.

Ako komandu document.write ubacite izmeu tagova <script type="text/javascript">
i </script> , browser e prepoznati da se radi o JavaScript komandi i izvrie naredbu. U ovom
sluaju browser e napisati tekst Hello World!:
<html>
<body>
</script>
</body>
</html>
JavaScript
Primedba: da nismo uneli tag <script>, browser bi celu liniju document.write("Hello

World!") tretirao kao jednostavan tekst, i jednostavno bi je celu napisao na stranici.
2.3.
Zavravanje komande takom i zarezom?
Tradicionalni programski jezici, kao to je C++ ili Java, svaku instrukciju zavravaju takom i zarezom.
Mnogi programeri nastavljaju ovu naviku, ali je ona opciona u JavaScript-u. Obavezna je samo kad piete
vie od jedne naredbe u istoj liniji.
2.4.
Kako da radimo sa starijim browser-ima
Browser-i koji ne podravaju JavaScript, prikazuju ga kao sadraj strane. Da bi ih u tome spreili,
koristimo tag za umetanje komentara u HTML:
<!-document.write("Hello World!")
//-->
</script>
Dve kose linije na kraju linije sa komentarom (//) su u JavaScript-u simboli za komentare. Ovim
spreavamo JavaScript kompajler da kompajlira liniju -->.
3.
JavaScript gde se stavlja ...
JavaScript u sekciji body e biti izvren dok se strana uitava. JavaScript u sekciji head e se izvriti tek
kad bude pozvan.
3.1.
Primeri
Primer 3.1 Skript koji sadri funkcije ide u Head delu dokumenta. Ovako smo sigurni da se skript
uitava pre poziva funkcije
<html>
<head>
function message()
{
alert("This alert box was called with the onload event")
}
</script>
</head>
<body onload="message()">
</body>
</html>
Primer 3.2 Izvrenje skripta koji se nalazi u Body sekciji dokumenta.

<html>
<head>
</head>
<body>
document.write("This message is written when the page loads")
</script>
</body>
</html>
JavaScript
Primer 3.3 Pristup eksternom skriptu

<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>
The actual script is in an external script file called "xxx.js".
</p>
</body>
</html>
3.2.
Gde treba staviti JavaScript
JavaScript se izvrava odmah kad browser uitava stranu. Ovo nije ba uvek poeljno, zato to nekad
elimo da izvrimo neki skript tek kad korisnik izazove dogaaj.
Script u sekciji head: Skriptovi koji treba da se izvre kad su pozvani, odnosno kad se izazove neki
dogaaj idu u sekciju head. Na ovaj nain sigurni smo da je skript uitan pre nego to ga bilo ko pozove.
<html>
<head>
....
</script>
</head>
Script u sekciji body: Skriptovi koji treba da se izvre u trenutku uitavanja strane idu u sekciju body.
Ovakav skript generie sadraj strane.
<html>
<head>
</head>
<body>
....
</script>
</body>
Script u obe sekcije, body i head: U dokumentu moe da postiji neogranieni broj skriptova, tako da
moete da ih stavite u obe sekcije.
<html>
<head>
....
</script>
</head>
<body>
....
</script>
</body>
3.3.
Korienje spoljanjeg JavaScript-a
Nekada elite da isti skript koristite na vie stranica, a da ne morate da ga ponovo piete na svakoj strani.
Da bi ovo olakali, moete da napiete JavaScript u posebnom fajlu (sa .js ekstenzijom).
Primedba: Eksterni skript ne moe da sadri tag <script>!
Da bi koristili eksterni skript, stavite .js fajl za vrednost atributa src taga <script>:
JavaScript
<html>
<head>
<script src="xxx.js"></script>
</head>
<body>
</body>
</html>
Napomena: Zapamtite da stavite skript ba tamo gde bi ga normalno stavili!
4.
JavaScript promenljive
U promenljivoj se uvaju podaci.
4.1.
Primeri
Primer 4.1 Promenljive

<html>
<body>
var name = "Hege"
document.write(name)
document.write("<h1>"+name+"</h1>")
</script>
<p>This example declares a variable, assigns a value to it, and then displays
variable.</p>
<p>Then the variable is displayed one more time, only this time as a heading.</p>
</body>
</html>
4.2.
the
Promenljive
U promeljivoj se uvaju podaci. U toku skripta moe da se promeni u toku skripta. Moete da pozovete
promenljivu po imenu da bi proverili vrednost, ili da bi proverili da li joj se promenila vrednost. Pravila za
zadavanje imena promenljivoj:
Imena promeljivih su case sensitive (mala i velika slova se razlikuju)
Ime mora da pone slovom, ili znakom _
4.3.
Deklarisanje promenljive
Promenljivu moete da kreirate pomou naredbe var

var strname = some value
Promeljivu moete da kreirate i bez naredbe var

strname = some value
4.4.
Dodeljivanje vrednosti promenljivoj
Vrednost promenljivoj moete da dodelite na ovaj nain:

var strname = "Hege"
Ili na ovaj nain:

strname = "Hege"
Ime promenljive mora da bude na levoj strani izraza a vrednost na desnoj strani.
JavaScript
4.5.
ivotni vek promenljivih
Ako deklariete promenljivu unutar funkcije, vidljiva je samo unutar funkcije. Kad izaete iz funkcije,
promenljiva e biti unitena. Ovo su lokalne promenljive. Moete da imate lokalne promenljive sa istim
imeno u razliitim funkcijama, zato to postoje samo u funkciji u kojoj su deklarisane.
Ako deklariete promenljivu van funkcije, sve funkcije na strani mogu da joj pristupe. ivotni vek ovakve
promenljive poinje u trenutku kad je deklarisana, a zavrava se kad se strana zatvori.
5.
JavaScript if...else naredbe
Uslovne naredbe u JavaScript-u se koriste da bi se izvrile razliite akcije u zavisnosti od nekog uslova.
5.1.
Primeri
Primer 5.1 If naredba

<html>
<body>
var d = new Date()
var time = d.getHours()
if (time < 10)
{
document.write("<b>Good morning</b>")
}
</script>
<p>
This example demonstrates the If statement.
</p>
<p>
If the time on your browser is less than 10,
you will get a "Good morning" greeting.
</p>
</body>
</html>
Primer 5.2 If..else naredba

<html>
<body>
var d = new Date()
var time = d.getHours()
if (time < 10)
{
document.write("<b>Good morning</b>")
}
else
{
document.write("<b>Good day</b>")
}
</script>
<p>
This example demonstrates the If...Else statement.
</p>
<p>
If the time on your browser is less than 10,
you will get a "Good morning" greeting.
Otherwise you will get a "Good day" greeting.
</p>
JavaScript

Javascript PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Javascript PDF

Uploaded by

Copyright:

Available Formats

1.

JavaScript je dizajniran da bi se dodala interaktivnost HTML stranama

1.2. Da li je JavaScript isto to i Java?

1.3. ta JavaScript moe?

JavaScript kako da ...

HTML tag <script> se koristi za umetanje JavaScript-a u HTML stranu.

Primer 2.1 Ispisivanje teksta

Primer 2.2 Ispisivanje teksta sa formatiranjem

Kako da ubaciteJavaScript u HTML stranu

Ovaj kod e izgledati na strani:

Rei document.write su standardna JavaScript komanda za pisanje po stranici.

Primedba: da nismo uneli tag <script>, browser bi celu liniju document.write("Hello

Zavravanje komande takom i zarezom?

Kako da radimo sa starijim browser-ima

JavaScript gde se stavlja ...

Primer 3.2 Izvrenje skripta koji se nalazi u Body sekciji dokumenta.

Primer 3.3 Pristup eksternom skriptu

Gde treba staviti JavaScript

Korienje spoljanjeg JavaScript-a

Napomena: Zapamtite da stavite skript ba tamo gde bi ga normalno stavili!

U promenljivoj se uvaju podaci.

Primer 4.1 Promenljive

Imena promeljivih su case sensitive (mala i velika slova se razlikuju)

Ime mora da pone slovom, ili znakom _

Promenljivu moete da kreirate pomou naredbe var

Promeljivu moete da kreirate i bez naredbe var

Dodeljivanje vrednosti promenljivoj

Vrednost promenljivoj moete da dodelite na ovaj nain:

Ili na ovaj nain:

ivotni vek promenljivih

JavaScript if...else naredbe

Primer 5.1 If naredba

Primer 5.2 If..else naredba

You might also like