Una funzione Javascript può essere dichiarata ovunque nel file
HTML, purchè all'interno dei tag <script>...</script>.
La maggior parte dei programmatori è però concorde sul fatto che
sia opportuno dichiarare le funzioni all'interno dei tag
<head>...</head>, per permettere all'interprete del browser di
caricarle prima del resto del programma, ma soprattutto prima
dello script di chiamata alla funzione.
Infatti, come facilmente comprensibile, chiamare una funzione
prima che questa sia stata caricata dal browser, potrebbe
generare un errore nel programma.
Vediamo ora un esempio di dichiarazione di una funzione.
Esempio 4.1
<html>
<head>
<script language="javascript">
<!--
function newColours() {
document.bgColor = "red";
document.fgColor = "blue";
}
//-->
</script>
</head>
<body>
</body>
</html> |
Se proviamo a caricare la pagina nel browser, esso ci rileverà
un errore perchè non è stato ancora inserito lo script di
chiamata della funzione. Ora però soffermiamoci sulla nostra
funzione. L'abbiamo dichiarata con la parola chiave function
seguita dalle parentesi tonde (aperta e chiusa) e le abbiamo
associato il nome newColours. All'interno di questa funzione
abbiamo inserito due istruzioni che servono a cambiare il colore
di sfondo della pagina (da bianco che è il color di default a
rosso) e il colore del testo (da nero che è il colore di default
a blue).
Abbiamo racchiuso queste due istruzioni all'interno di due
parentesi graffe. Da non dimenticare il punto in cui abbiamo
inserito la funzione, e cioè all'interno degli script
<head>...</head> del file HTML.