Kako delati z JavaScript
JavaScript je zmogljiv programski jezik, ki spletnemu mestu lahko doda interaktivnost, je vsestranski in prijazen začetnikom. Ko pridobimo izkušnje bomo lahko ustvarjali igre, izdelovali 2D in 3D animacije, obsežne aplikacije, ki temeljijo na bazi podatkov in še veliko več. Sam JavaScript je kompakten, a zelo prilagodljiv, ker je prilagojen za odklep ogromno funkcij. Te funkcije so programski vmesnik (API - Application Programming Interface), dinamično ustvarjanje spletnih strani, zbiranje in upravljanje video toka iz uporabnikove spletne kamere ali generiranje 3D grafike in zvočnih vzorcev. Na voljo nam je ogromna knjižnica tretjih oseb, ki jih lahko uporabimo za HTML, za pospešitev dela gradnje spletnih mest in aplikacij.
V HTML je JavaScript koda vstavljena med oznaki <script> in </script>
<script>
document.getElementById("imeSpremenljivke").innerHTML = "Dobrodošli v JavaScript vadnici!";
</script>
Stari primeri lahko uporabljajo atribut tipa <script type="text/javascript">, ki ni več potreben. JavaScript je privzeti skriptni jezik v HTML. JavaScript funkcija je blok kode, ki se lahko izvede, ko je poklicana (ko pritisnemo na gumb). V HTML dokument lahko postavimo poljubno število skriptov. Skripte lahko postavimo v <body> ali v razdelek <head> HTML strani ali v oboje.
| <body> | V tem primeru je funkcija postavljena v razdelek <body> strani HTML. | Glej primer |
|---|---|---|
| <head> | V tem primeru je funkcija postavljena v razdelek <head> strani HTML. | Glej primer |
| skupaj | V tem primeru je funkcija postavljena tako v razdelek <body>, kot tudi v razdelek <head> strani HTML. | Glej primer |
Zunanja JavaScript datoteka
Skripte lahko postavimo tudi v zunanje datoteke, ki je izredno uporabno, če se skripta uporablja v različnih spletnih straneh. Datoteko, ki izdelamo moramo vedno shraniti pod .js končnico. Ko želimo zunanjo skripto uporabiti, vnesemo ime datoteke v atribut src oznake <script>
<script src="imeDatoteke.js"></script>
Referenco zunanjega skripta lahko postavimo v <head> ali <body>, kakor želimo. Skript se bo obnašal, kot da se nahaja natanko v tistem dokumentu. Zunanje skripte ne smejo vsebovati <script> oznak. Če pogledamo prednosti zunanje skripte, se kaže v ločevanju s HTML, preprostejše vzdrževanje in branje, tako HTML kot JavaScript. Predpomnjene (ang. Cached) JavaScript datoteke lahko pospešijo nalaganje spletne strani. Če želimo dodati več skriptnih datotek na eno stran, enostavno uporabimo več skriptnih oznak.
<script src="imeDatoteke1.js"></script>
<script src="imeDatoteke2.js"></script>
<script src="imeDatoteke3.js"></script>
| Zunanja JavaScript datoteka | Skripte lahko postavimo tudi v zunanje datoteke, ki je izredno uporabno, če se skripta uporablja v različnih spletnih straneh. | Glej primer |
|---|
Na zunanji skript se je mogoče sklicevati na tri načine:
- S polnim URL-jem (polni spletni naslov).
- S potjo datoteke (kot /js/).
- Brez kakršne koli poti.
S polnim URL-jem (polni spletni naslov).
<script src="https://vadnica.si/javascript/imeSkripte.js"></script>
S potjo datoteke (kot /js/).
<script src="/imeMape/javascript/imeSkripte.js"></script>
Brez kakršne koli poti, pomeni, da datoteko shranimo na mesto, kjer se nahaja celotna spletna stran.
<script src="imeSkripte.js"></script>
