Provate con con un click su questa immagine:
|
|
JavaScript è un linguaggio di script proposto inizialmente da Netscape.
Lo script, integrato nella pagina HTML (fra i tag <SCRIPT> e </SCRIPT>), viene interpretato dai browser 'JavaScript Enabled' (come Netscape Navigator da 2.0 in poi, oppure Internet Explorer da 3.0 in poi), consentendo di svolgere azioni 'dinamiche' senza richiedere l'intervento del server (e della linea).
Uno script può ad esempio rispondere a determinati eventi legati al mouse (onClick, onMouseover ecc.), oppure elaborare i dati di una FORM segnalando eventuali errori: tutto senza far intervenire il server.
Sebbene JavaScript somigli a Java nel nome, nella sintassi e nel fatto di essere orientato agli Oggetti, le differenze fra i due linguaggi sono notevoli, p.e.:
<html>
<head>
<title>
Esempio JavaScript
</title>
</head>
<body>
<SCRIPT>
<!--
document.write("Riga inserita nel corpo della pagina");
// -->
</SCRIPT>
</body>
</html>
|
Il metodo 'write' dell'oggetto 'document' provoca l'inserimento nella pagina della riga fra apici; l'esempio non ha molto senso pratico, in quanto avremmo ottenuto lo stesso risultato scrivendo la riga direttamente in HTML, senza utilizzare lo script; il metodo 'write' accetta però come parametro anche delle variabili...
N.B.
Una istruzione JavaScript può apparire all'interno di un
tag HTML, senza richiedere il tag <SCRIPT>:
| <IMG SRC="immagine.gif" onClick="alert('Commento sulla immagine');"> |
Il metodo alert viene eseguito quando l'utente 'clicca' sull'immagine
(evento onClick)
Provate con con un click su questa immagine:
Purtroppo questo sistema funziona solo con I.E., che gestisce gli eventi su quasi tutti i tag HTML, compreso <img>.
Con Navigator bisogna usare un artificio: includere l'immagine in un
tag <A> 'nullo', per il quale Navigator gestisce gli eventi:
| <A name="x" HREF="#x" onClick="alert('Commento sulla
immagine');">
<IMG SRC="immagine.gif" border=0> </A> |
Nella maggior parte dei casi gli script vengono inseriti nella parte
<HEAD> della pagina, e contengono funzioni che verranno richiamate all'occorrenza:
<html>
<head>
<title>
Esempio JavaScript
</title>
<SCRIPT>
<!--
function scriviH(testo, Hn)
{
document.write("<H" + Hn + ">" + testo + ("<H" + Hn + ">" );
}
// -->
</SCRIPT>
</head>
<body>
<IMG SRC="immagine.gif" onClick="scriviH('Commento
sulla immagine',2);"> </body> </html> |
Quando l'utente 'clicca' sull'immagine, viene scritta una riga preceduta
da un tag <Hx> del livello richiesto
|
|
