Premesse javascript - su webfract

Contatti	MATEMATICA CON JAVASCRIPT DOVE INSERIRE IL CODICE

Possiamo scegliere fra:

1. Script nella sezione <head>.

2. Script nella sezione <body>.

3. Script sia nella sezione <body> che nella sezione <head>.

4. Script in un file esterno.

5. Script sia in un file esterno che all'interno: in tal caso basta usare contemporaneamente i metodi precedenti.

QUALE SCELTA E' PIU' CONVENIENTE

E' buona norma inserire le funzioni nella sezione <head>, o nella parte finale della pagina, sia per una migliore organizzazione del lavoro, e sia per evitare interferenze con il contenuto della pagina stessa.
Naturalmente, se ad esempio si usa l'istruzione document.write che deve essere eseguita al caricamento della pagina, lo script relativo deve essere inserito nel punto esatto in cui deve comparire la scritta.

Script nella sezione <head>

<html> <head> <script type="text/javascript">  </script> </head> <body> <input type="button" value="Saluta" onclick="ciao()"> </body> </html>

Risultato del codice

Vi invitiamo, se volete provare il vostro codice, a visionare la sezione
PROVA TU
Troverete il programma qui presentato che potete correggere e cambiare come volete

Script nella sezione <body>

<html> <head> </head> <body> Caro amico ti scrivo <script type="text/javascript"> document.write('Benvenuto dal body!') </script> </body> </html>

Risultato del codice
Caro amico ti scrivo Benvenuto dal body!

Vi invitiamo, se volete provare il vostro codice, a visionare la sezione
PROVA TU
Troverete il programma qui presentato che potete correggere e cambiare come volete

Script sia nella sezione <body> che nella sezione <head>

<html> <head> <script type="text/javascript"> document.write('Benvenuto dall\'intestazione!') </script> </head> <body> Caro amico ti scrivo <script type="text/javascript"> document.write('Benvenuto dal body!') </script> </body> </html>

Risultato del codice
Benvenuto dall'intestazione! Caro amico ti scrivo Benvenuto dal body!

Vi invitiamo, se volete provare il vostro codice, a visionare la sezione
PROVA TU
Troverete il programma qui presentato che potete correggere e cambiare come volete

Script in un file esterno

Preparare il codice in un file a parte, senza inserire <script> e </script> e salvarlo in formato .js.
Ad esempio possiamo scrivere la funzione

function ciao() {
alert("Benvenuto!")
}

su Blocco note o altro editor di testo, e poi salvare il file con il nome "Es1.js"

Di seguito è riportato un esempio di come inserire il codice nella pagina HTML, usando il tag script e il suo attributo src, il quale specifica l'URL del file che contiene lo script esterno.
Potrete inserire lo script sia nell'intestazione che nel corpo del documento, esattamente come visto in precedenza.

<html> <head> <script type="text/javascript" src="Es1.js"> </script> </head> <body> Ciao a tutti.<br> <input type="button" value="Saluta" onclick="ciao()"> </body> </html>

Risultato del codice
Ciao a tutti.

Come si vede, la funzione ciao() è chiamata normalmente, come se lo script fosse interno al file.
NOTA BENE Oltre al nome del file è consigliabile inserirne anche l'URL completo.
Se dovete aggiungere più di un file esterno, richiamateli uno dopo l'altro:
<script type="text/javascript" src="file1.js"> </script>
...
<script type="text/javascript" src="filen.js"> </script>

L'uso dei file esterni è utile in modo speciale se si ha necessità di molte righe di codice oppure quando lo stesso script viene utilizzato da pagine diverse. In questo caso, visto che il browser salva il codice nella cache la prima volta che lo incontra, per le altre pagine che ne fanno uso il caricamento è più veloce.

IN EVIDENZA DAL SITO