to Top Page
Hot Web Guide
GUESTBOOK (Libro degli ospiti)
Consiglia il Sito ad un amico
BOOKMARK (Aggiungi ai Preferiti)
-
... / Guida Javascript / Inserire Javascript in un HTML

Inserire Javascript in un HTML

Gli script nelle pagine HTML vengono eseguiti tramite il tag <script>

Esempio:
<script>
  istruzioni scritte con un linguaggio di scripting
</script>


Quando il browser, in un documento HTML, incontra il tag <script>, interpreta il codice al suo interno e lo esegue dall'alto verso il basso. Però il tag <script> non è completo poichè possiamo avere diversi linguaggi di scripting e quindi occorre inserire un attributo con la seguente sintassi:
<script language="nome linguaggio di scripting">
   Istruzioni
</script>


Nel nostro caso:
<script Language="Javascript">
...
</script>


All'interno di una pagina HTML uno script Javascript può essere inserito "inserendo il codice nel documento HTML" sia nel BODY che nell'HEAD o "caricandolo da un file esterno". Nel secondo caso e cioè quando nelle nostre pagine HTML uno stesso script ricorre frequentemente, l'estensione del file è sempre .js (la specificazione del linguaggio "Javascript" è facoltativa , poichè l'estensione basta ad indicare il linguaggio), la sintassi è:
<script Language="Javascrpt" src="nomefile.js"></script>



Esempio - Codice Javascript inserito nell'HEAD di un Html:
<!DOCTYPE html>
<html>
<head>

<script>
function myFunction() {
alert("Ciao! Io sono un Alert box!");
}
</script>

</head>

<body>
<p>Click sul pulsante per visualizzare Alert.</p>

<button onclick="myFunction()">Click</button>

</body>
</html>


Esempio - Codice Javascript inserito nel BOBY di un Html:
<!DOCTYPE html>
<html>
<body>

<p>Click sul pulsante per visualizzare Alert.</p>

<button onclick="myFunction()">Click</button>

<script>
function myFunction() {
alert("Ciao! Io sono un Alert box!");
}
</script>

</body>
</html>

Esempio - Codice Javascript caricato da un file esterno in un Html (può essere nell'HEAD o BODY):

<!DOCTYPE html>
<html>

<head>
<script type="text/javascript" src="file-esterno.js"></script>
</head>
<body>

<p>Click sul pulsante per visualizzare Alert.</p>

<button onclick="myFunction()">Click</button>
</body>
</html>


Come ritieni i contenuti del Sito Web ?
... dai il tuo giudizio!
Giudizio Utenti: 4,3 (Eccellente)
200 voti
Eccellente 38,1% (77)
Buono 56,9% (115)
Sufficente 3,5% (7)
Mediocre 0,5% (1)
Scarso 1% (2)