Uvod u JavaScript: Ugradnja JS u HTML

Uvod u JavaScript

2. Ugradnja JS u HTML

Skripta se može umetnuti bilo gdje na stranici.
Skriptu pišemo u HTML unutar oznake <script>…</script> i postavljamo ju na tri načina.

Napomena: HTML i CSS kodovi navedenih primjera nalaze se u prilogu vježbe. Potrebno je dodati samo JS kod.

način: Unutar oznake HTML-a <head>… </head>

Izvođenjem prethodnog HTML dokumenta i njemu pripadnog CSS-a prvo nam se u pregledniku prikazuje alert box zbog izvođenja skripte, dok se stranica html dokumenta ne prikazuje (renderira) dok god ne kliknemo na OK. Nakon toga prikaže se mrežna stranica.

2. način: Na dnu dokumenta prije zatvaranja oznake <body>

Prvo se prikazuje se mrežna stranica a onda se otvori alert box.

3. način: Vanjska skripta koju pozivamo na dnu dokumenta prije zatvaranja oznake <body>

Napomena: HTML i CSS kodovi navedenih primjera nalaze se u prilogu vježbe.

Kada preglednik renderira HTML stranicu i naiđe na <script> oznaku prebaci se u JavaScript skriptu i izvršava kod iz nje. Nakon izvršenja koda skripte preglednik nastavlja s renderiranjem ostatka stranice. Zato je najbolja opcija pozvati skriptu na kraj <body> oznake tako da se korisnik „zabavi” proučavanjem sadržaja iz HTML - a dok se učita skripta.

JavaScript može prikazati podatke na različite načine:

Ispis u alert box, upotrebom window.alert() (isto čini i funkcija alert())
Ispis na stranicu preglednika HTML dokumenta upotrebom document.write()
Ispis u html element upotrebom inner.html
Ispis u konzolu preglednika upotrebom console.log() - korisno za razvojne programere.