Il modo principale per creare effetti dinamici sulle pagine web è attraverso l'uso di script lato client. Sono pezzi di codice che vengono interpretati dal motore di scripting dell'applicazione che visualizza il documento. JavaScript è un linguaggio di programmazione popolare utilizzato per lo scripting. Affinché lo script possa essere eseguito, deve essere inserito in qualche modo nel documento.
È necessario
- - codice dello script;
- - documento di origine;
- - editor di testo.
Istruzioni
Passo 1
Determinare il modo migliore per inserire lo script. Se si presume che lo stesso script verrà utilizzato in documenti diversi, ha senso spostarlo in un file esterno e collegarlo da lì. In caso contrario, vale la pena incorporare il testo dello script nel corpo della pagina. Se la dimensione dello script è grande, vale la pena inserirlo in un blocco separato nel documento. Se il codice del programma è di volume ridotto e implementa una reazione a qualsiasi evento, è consentito inserirlo in un attributo che definisce il gestore di eventi integrato di un elemento o l'attributo href di un collegamento.
Passo 2
Incolla lo script da una fonte esterna. Aggiungi un elemento SCRIPT con gli attributi src e type specificati al corpo del documento o alla sezione HEAD. Ad esempio, puoi farlo in questo modo: Il valore dell'attributo src deve essere un URI che punta alla risorsa da cui verrà caricato il testo dello script L'attributo charset è facoltativo. Indica la codifica del testo dello script. Ma se viene omesso, il valore di codifica verrà preso come valore di codifica del documento in cui è inserito lo script.
Passaggio 3
Inserisci lo script nel testo della pagina. Usa un elemento SCRIPT con il testo dello script all'interno. Ad esempio, potrebbe assomigliare a questo:
alert ("Lo script funziona!");
I commenti HTML che racchiudono il codice sono necessari per la compatibilità con i browser meno recenti. È possibile utilizzare commenti XML nei documenti XHTML.
Passaggio 4
Inserisci il codice javascript nei gestori di eventi in linea. Trova l'elemento nel documento di cui vuoi gestire l'evento. Aggiungi un attributo che definisce il gestore appropriato. Ad esempio, l'attributo che specifica il gestore per un clic del mouse su un elemento è onclick, il gestore per il segnale di perdita del focus è onblur e il gestore della sequenza di tasti è onkeydown.
Passaggio 5
Immettere il codice dello script come testo che specifica il valore dell'attributo aggiunto. Ad esempio, per visualizzare un messaggio quando si fa clic con il mouse su un elemento DIV, è possibile utilizzare la seguente costruzione: Testo testo testo Notare che per definire letterali stringa nel codice del gestore dell'elemento in linea, è necessario utilizzare un tipo di virgolette diverso da quelli che specificano il valore dell'attributo HTML…
Passaggio 6
Aggiungi lo script all'elemento href del collegamento. Il valore href deve essere un URL, il cui descrittore di protocollo è "javascript:" e la parte dell'indirizzo è un'espressione calcolata. Ad esempio: Testo del collegamento Se è necessario utilizzare più espressioni, utilizzare un blocco di istruzioni definito dalle parentesi {e}.
