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.
