Come abbiamo visto più volte, le funzioni Javascript vengono solitamente definite all’interno dei tag <head> della pagina html dalla quale vengono invocate:

<html>

<head>

<title>Titolo della pagina</title>

<script language=”JavaScript” type=”text/JavaScript”>

<!–

function nomeFunzione() {

// blocco di istruzioni

}

//–>

</script>

</head>

<body bgcolor=”#FFFFFF” text=”#000000″>

</body>

</html>

Senza perdere alcuna funzionalità, possono essere anche scritte in un file esterno.

Questo viene fatto generalmente per:

• questioni di peso: la singola pagina html pesa di meno

• questioni di portabilità: un file esterno può essere usato per altri progetti

• questioni di condivisione: più pagine possono condividere le stesse funzioni

Il file esterno in cui inserire le funzioni ha estensione *.js, e può essere facilmente creato con il Notepad. Al suo interno, elencheremo le funzioni senza aggiungere altri tag:

function nomeFunzione1() {

// blocco di istruzioni

}

function nomeFunzione2() {

// blocco di istruzioni

}

function nomeFunzione3() {

// blocco di istruzioni

}

Per far riferimento al file *.js esterno, è sufficiente modificare il tag <script> all’interno della pagina html:

<html>

<head>

<title>Titolo della pagina</title>

<script language=”JavaScript” type=”text/JavaScript” src=”file.js”></script>

</head>

<body bgcolor=”#FFFFFF” text=”#000000″>

</body>

</html>

Qualora venga chiamata una funzione Javascript, questa verrebbe cercata innanzitutto nella pagina html stessa. Nel caso non venisse trovata tra i tag head, verrebbe cercata nel file *.js esterno.

22 / 44

Variabili da Html a Flash

I Video di HTML.it