In questo articolo esamineremo come includere JavaScript in un documento HTML utilizzando il tag <script>. Il tag <script> è utilizzato per includere codice JavaScript in un documento HTML e può essere utilizzato per creare siti web interattivi e dinamici.
Il tag <script> è utilizzato per includere codice JavaScript in un documento HTML. Il tag <script> può essere utilizzato all’interno dell’elemento <head> o dell’elemento <body> di un documento HTML.
Ecco un esempio di utilizzo del tag <script>:
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script>
// Codice JavaScript
console.log("Ciao mondo!");
</script>
</head>
<body>
<h1>Benvenuto!</h1>
<script>
// Codice JavaScript
console.log("Ciao mondo!");
</script>
</body>
</html>
In questo esempio, il tag <script> è utilizzato per includere codice JavaScript all’interno dell’elemento <head> e dell’elemento <body> di un documento HTML.
Il tag <script> supporta diversi attributi che possono essere utilizzati per specificare il comportamento del codice JavaScript incluso. Alcuni degli attributi più comuni del tag <script> includono:
src: specifica l’URL di un file esterno contenente codice JavaScript.type: specifica il tipo di contenuto del codice JavaScript. Il valore predefinito è “text/javascript”.defer: specifica che il codice JavaScript deve essere eseguito dopo il caricamento del documento HTML.async: specifica che il codice JavaScript può essere eseguito in modo asincrono rispetto al caricamento del documento HTML.Ecco un esempio di utilizzo degli attributi del tag <script>:
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script src="script.js" type="text/javascript" defer></script>
</head>
<body>
<h1>Benvenuto!</h1>
<script src="script.js" type="text/javascript" async></script>
</body>
</html>
In questo esempio, il tag <script> è utilizzato per includere codice JavaScript da un file esterno utilizzando l’attributo src. Gli attributi type, defer e async sono utilizzati per specificare il tipo di contenuto del codice JavaScript e il comportamento di esecuzione.
Il tag <script> è supportato da tutti i principali browser web, tra cui Chrome, Firefox, Safari e Edge. Il tag <script> è utilizzato per includere codice JavaScript in un documento HTML e può essere utilizzato per creare siti web interattivi e dinamici.
I file JavaScript possono essere inclusi in un documento HTML utilizzando il tag <script> con l’attributo src. Ad esempio:
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script src="script.js" type="text/javascript"></script>
</head>
<body>
<h1>Benvenuto!</h1>
</body>
</html>
In questo esempio, il file script.js contiene il codice JavaScript che verrà eseguito quando il documento HTML viene caricato nel browser.
Nota:
Se src è impostato, il contenuto all’interno di script verrà ignorato!
Esempio:
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script src="script.js" type="text/javascript">
console.log("Questo codice verrà ignorato!"); // il contenuto viene ignorato, perché src è impostato
</script>
</head>
<body>
<h1>Benvenuto!</h1>
</body>
</html>
In questo esempio, il codice all’interno del tag <script> viene ignorato perché l’attributo src è impostato su “script.js”.
In questo articolo abbiamo esaminato il tag <script> e come può essere utilizzato per includere codice JavaScript in un documento HTML. Abbiamo esaminato anche gli attributi del tag <script> e come possono essere utilizzati per specificare il comportamento del codice JavaScript incluso. Infine, abbiamo esaminato come includere file JavaScript esterni in un documento HTML utilizzando il tag <script>. Il tag <script> è uno strumento potente che consente di aggiungere interattività e dinamicità ai siti web e di creare esperienze utente coinvolgenti.
| HOMEPAGE | LEZIONE SUCCESSIVA |