Inserire codice JavaScript all'interno delle pagine Web

JavaScript è solitamente incorporato nell'HTML all'interno dei tag <script> e lo possiamo vedere quando utilizziamo lo strumento di ispezione della pagina.

Go to the profile of  Jacopo Kahl
Jacopo Kahl
2 min di lettura
Inserire codice JavaScript all'interno delle pagine Web

JavaScript viene solitamente incorporato nell'HTML all'interno dei tag <script>, e lo possiamo vedere quando utilizziamo lo strumento di ispezione della pagina.

Per incorporare JavaScript nella tua pagina web, una buona pratica è quella di posizionare tutti gli script in un file separato (un file JavaScript con l'estensione .js).

L'interprete JavaScript viene richiamato quando il motore di rendering del browser trova un qualsiasi tag <script>.

Il più delle volte, JavaScript si trova tra i tag <head> del documento Web:

<html>
    <head>
        <title>Esempio JavaScript</title>
        <script type="text/javascript">
            alert("Hello World");
        </script>
    </head>
    <body>
    </body>
</html>

L'attributo type specifica che il codice racchiuso tra i tag <script> è codice scritto in JavaScript (non è obbligatorio menzionare l'attributo type).

Il codice precedente può essere scritto anche senza l'attributo type, funzionando esattamente allo stesso modo.

Sebbene i tag <script> possono essere posizionati ovunque all'interno di un documento HTML, un'altra buona pratica è quella di inserirli alla fine del documento HTML, prima della chiusura del tag </ body>, in maniera tale che tutte le pagine vengano caricate prima dell'esecuzione di qualsiasi script.

Caricare file JavaScript esterni

Proprio come avviene per i file CSS esterni, anche JavaScript può essere
incluso nella pagina web da file JavaScript esterni. Ecco un esempio:

<html>
 <head>
     <title>Esempio file JavaScript esterno </title>
     <script src="app.js"></script>
 </head>
 <body>
 </body>
</html>

L'attributo src è molto simile a quello utilizzato nei tag <img> dell'immagine. Segnala il percorso di riferimento ai file JavaScript esterno che deve essere incluso nella pagina HTML. Nei tag di richiamo ai file esterni si deve inserire un solo file JavaScript per volta. Nel caso in cui si volessero richiamare più file esterni è necessario posizionare altri tag <script>.

Ecco come è possibile includere più file JS esterni:

<html>
 <head>
     <title>Esempio file JavaScript esterno </title>
     <script src="uno.js"></script>
     <script src="due.js"></script>
     <script src="tre.js"></script>
 </head>
 <body>
 </body>
</html>

Vuoi approfondire l'argomento? 🤓 + 📚 = 😄

Libro consigliato

JavaScript è il motore di quasi tutte le applicazioni web più moderne, dalle app social ai giochi per browser più all’avanguardia.