Zunanja JavaScript datoteka

JavaScript kodo lahko shranimo v ločene datoteke s končnico .js. Uporaba zunanjih datotek je priporočljiva praksa, še posebej pri večjih projektih. Za vključitev zunanje JavaScript datoteke uporabimo atribut src v oznaki <script>:

<script src="imeDatoteke.js"></script>

PRIMER

                        <!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>Uporaba zunanje JavaScript datoteke</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="script.js"></script>
</head>
<body>
    <div onclick="prikaziSporocilo()">
        <p>Klikni me za prikaz sporočila!</p>
        <span id="sporocilo" style="display: none">
            Dobrodošli v moji JavaScript vadnici!
        </span>
    </div>
</body>
</html>
        
                    

REZULTAT

Vključitev zunanje datoteke

Zunanjo JavaScript datoteko lahko vključimo v <head> ali <body> razdelek HTML dokumenta. Pomembno je vedeti:

Zunanje JavaScript datoteke ne smejo vsebovati <script> oznak.
Ena skripta lahko vključuje več zunanjih datotek.
Zunanje datoteke se predpomnijo (cache), kar pohitri nalaganje strani.
Ločevanje JavaScript kode od HTML izboljša preglednost in vzdrževanje.

Klicanje JavaScript datoteke

Na zunanje JavaScript datoteke se lahko sklicujemo na tri načine:

S polnim URL naslovom (za zunanje knjižnice in CDN):

<script src="https://vadnica.org/js/skripta.js"></script>

Z relativno potjo (za datoteke v projektni strukturi):
```
<script src="/js/skripta.js"></script>
```
Z lokalnim imenom (za datoteke v isti mapi):
```
<script src="skripta.js"></script>
```