|
|
Struttura e posizione:
- Prima di iniziare vediamo come inserire la parte più importante del codice
JavaScript: i commenti. Si, avete capito bene. I commenti sono importantissimi!!
Immaginate di scrivere 200 righe di codice e dopo due mesi ci dovete rimettere mano...
sarebbe come rifare tutto da capo!
Ci sono due tipi di commenti:
// per i commenti su una sola riga.
/* commento su più righe */ per i commenti su più righe.
Struttura:
La cosa sicuramente più semplice di uno script è descriverne la struttura.
Gli script possono essere sia interni che esterni, un pò come gli style o css.
In pagina
Per inserirli internamente alla pagina dobbiamo scrivere le seguenti righe:
<script language=JavaScript>
<!--
Qui inseriamo il nostro script
-->
</script>
Spiegazione:
Come sicuramente avrete capito se conoscete l'HTML i tag <script> e </script>
vogliono dire inizio e fine script.
I simboli <!-- e --> sono rispettivamente inizio e fine commento in HTML. Sono
fondamentali per il semplice motivo che alcuni browser (pochissimi) non leggono gli script, ed in
questo caso vedrete a video il codice script come normale testo. Il fatto che inseriate
il commento scongiurerà questa eventualità.
Esterni:
Per prima cosa descriviamo come creare il foglio esterno. La procedura è simile ai fogli CSS
ossia creiamo un foglio e lo salviamo con estensione .js la prima riga sarà il commento
<!-- e l'ultima riga sarà il fine commento -->
Adesso dobbiamo richiamarlo dalla pagina web dove vogliamo inserirlo.
Lo facciamo inserendo fra i tag head le seguenti due righe:
<html>
<head>
<SCRIPT language=JavaScript src="nomexxx.js">
</SCRIPT>
</head>
<body>
Il resto della pagina....
In questo modo quando richiamiamo la pagina web viene caricata in automatico anche la pagina
dello script rendendo tutte le sue funzioni disponibili.
Posizione:
Come ben sappiamo le pagine html leggono il codice dall'alto verso il basso, ed il linguaggio
JavaScript non è immune a questa legge.
Quando richiamiamo una funzione dobbiamo necessariamente averla già definita altrimenti
apparirà un messaggio di errore.
Vediamo dove inserire gli script:
Head
Fra i tag head si inseriscono gli script che vogliamo far caricare prima che la pagina web
venga visualizzata, rendendo accessibili le funzioni in tutto il foglio html.
Body
Se la funzione viene usata solo in un punto del foglio possiamo inserirla prima del suo uso
nel foglio html.
Esterni
I fogli esterni (già descritti ad inizio pagina) vengo utilizzati per snellire la pagina web
e per rendere accessibile la funzione da più pagine.
RICHIAMO
Se una funzione deve attivarsi appena dopo il caricamento visivo della pagina web lo possiamo
fare inserendo un'istruzione nel tag body come nell'esempio:
<body onLoad="nomefunzionexxxx()">
In questo caso prima di caricare il foglio verrà eseguito lo script.
Solito discorso quando chiudiamo il documento:
<body onUnLoad="nomefunzionexxxx()">
Magari tutto questo potrà sembrare caotico, ma dopo un pò di pratica apparirà tutto
lineare e coerente.
|
|
|
Script
| |
Motore di ricerca script
|
|