10/8/2016

JavaScriptsintaksa:JavaScriptvodi:Mojwebdizajn

JavaScript
vodi
JavaScript Introduction:
Uvod u JavaScript (/web-programiranje/vodic/javascript/uvod-u-javascript.aspx)

JavaScript Statements:
JavaScript izjave (/web-programiranje/vodic/javascript/javascript-izjave.aspx)

JavaScript Syntax:
JavaScript sintaksa (/web-programiranje/vodic/javascript/javascript-sintaksa.aspx)

JavaScript Variables:
JavaScript varijable (/web-programiranje/vodic/javascript/javascript-varijable.aspx)

JavaScript Operators:
JavaScript operatori (/web-programiranje/vodic/javascript/javascript-operatori.aspx)

JavaScript if Statement:
JavaScript if naredba (/web-programiranje/vodic/javascript/javascript-ifnaredba.aspx)

JavaScript switch Statement:

JavaScript switch naredba (/web-programiranje/vodic/javascript/javascript-switchnaredba.aspx)

JavaScript for Statement:

JavaScript for naredba (/web-programiranje/vodic/javascript/javascript-fornaredba.aspx)

JavaScript sintaksa : JavaScript Syntax

http://www.mojwebdizajn.net/webprogramiranje/vodic/javascript/javascriptsintaksa.aspx

1/3

10/8/2016

JavaScript sintaksa : JavaScript Syntax

JavaScriptsintaksa:JavaScriptvodi:Mojwebdizajn

Primjer JavaScript metode document.write();

Pomou metode document.write upisujemo unutar web stranice html
elemente.
Donji primjer umee u web stranicu naslov i odlomak sa zadanim
tekstom:
1
2

document.write("<h1>Dinamikipromijenjennaslov</h1>");
document.write("<p>TekstdodanpomouJavaScripta</p>");

Sintaksa web dizajna

Obrada dogaaja : Event Proccessing
JavaScript moe dinamiki reagirati na razliite dogaaje (uitavanje
web stranice, klik miem, dobivanje fokusa html elementa...)
Slijedei primjer odreuje to e se dogoditi kad kliknemo miem na
gumb forme. Pojavit e se prozor s porukom: 'Kliknuli ste na gumb'
1
2
3

<buttontype="button"onclick="alert('Kliknulistena
gumb')">
Poruka
</button>

Promjena sadraja : Changing HTML Content

http://www.mojwebdizajn.net/webprogramiranje/vodic/javascript/javascriptsintaksa.aspx

2/3

10/8/2016

JavaScriptsintaksa:JavaScriptvodi:Mojwebdizajn

Pojedinim

elementima

JavaScriptu

pristupamo

pomou

identikatora i moemo promijeniti njihov sadraj.

Slijedei primjer mijenja sadraj html elementa:
1
2

x=document.getElementById("naslov");
x.innerHTML="Novitekstnaslova";

Prvi redak pronalazi element koji ima identikator "naslov" a drugi

mijenja sadraj elementa u "Novi tekst naslova"

Promjena svojstva : Changing HTML Attributes

Elementima u JavaScriptu moemo promijeniti njihova svojstva.
Slijedei primjer mijenja svojstvo html elementa s identikatorom
"slika":
1
2

x=document.getElementById("slika");
x.setAttribute("src","krajolik.jpg");

Promijenjeno je svojstvo elementa "src" u "krajolik.jpg"

Copyright Moj web dizajn : 2012-2016

http://www.mojwebdizajn.net/webprogramiranje/vodic/javascript/javascriptsintaksa.aspx

3/3