Otisni ovo poglavljeOtisni ovo poglavlje

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.

  1. 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:

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