Inserire i tag <script>...</script> all'interno del file HTML
non è la sola opportunità che si presenta agli sviluppatori
Web. Infatti possiamo inserire del codice Javascript anche
esternamente al file HTML, per poi collegarlo ad esso mediante
l'attributo
src del tag <script>.
Facciamo un esempio pratico: vogliamo creare una semplicissima
pagina Web con lo sfondo giallo e con la scritta centrata
"Benvenuti nel mio sito Web". Vediamo anzitutto come potremmo
realizzare ciò inserendo il codice Javascript internamente al
file HTML.
Esempio 1.2
<html>
<head></head>
<body>
<script language="javascript">
document.bgColor="yellow";
document.write("<p align="center">Benvenuti nel mio sito
Web</p>");
</script>
</body>
</html>
|
Non rivolgiamo per ora l'attenzione alla sintassi dei
comandi Javascript per impostare lo sfondo e la scritta,
verrano esaminati in seguito. Ora però vediamo come si può
creare lo stesso effetto inserendo il codice Javascript
esternamente al file HTML. Il file HTML è molto semplice:
Esempio 1.3
<html>
<head></head>
<body>
<script language="javascript" src="esterno.js">
</script>
</body>
</html>
|
Il file esterno.js non è altro che il file contenente le
dichiarazioni Javascript inserite nell'esempio 1.2 senza però
i tag <script>...</script> che nei file esterni non si devono
inserire. Ecco quindi il file denoninato esterno.js
Esempio 1.4
document.bgColor= "giallo";
document.write("<p align='center'>Benvenuti nel mio sito
Web</p>"); |