<HTML> <HEAD> <TITLE>esempio di JavaScript</TITLE> <SCRIPT LANGUAGE='JavaScript'> <!-- function NomeFunzione(){ var tipoFinestra="menubar=yes, status=no, Toolbar=no, location=no, Copyhistory=YES, scrollbars=yes, resizable=yes, width=300, height=150"; var nuovaFinestra = window.open ("NomeDocumento.html","NomeFinestra",tipoFinestra) } //--> </SCRIPT> </HEAD> <BODY> <P ALIGN=CENTER> corpo<BR> del<BR> <A HREF="JavaScript:NomeFunzione()"> documento</A> </BODY> </HTML> |
Analizzando lo script, è facile notare che, rispetto al documento HTML, la parte innovativa è quella scritta in verde.
L'istruzione <SCRIPT LANGUAGE='JavaScript'> avverte della preseza del nuovo linguaggio. La funzione viene scritta tra le istruzioni <!-- e //--> per evitare che venga visualizzata, l'istruzione </SCRIPT> avverte che sono terminate le istruzioni in JavaScript, mentre il link richiama la funzione al posto del documento. Facento click sul link "documento" è possibile vedere il risultato dello script.
Per quel che concerne la funzione, non dovrebbero esserci difficoltà per leggerla. Infatti essa crea semplicemente un variabile di nome nuovaFinestra (var nuovaFinestra) che apre una finestra (window.open) con le seguenti caratteristiche:
- visualizza il documento NomeDocumento ("NomeDocumento.html");
- si chiama NomeFinestra ("NomeFinestra");
- mantiente attiva le voci dei menu (menubar=YES);
- mantiente attiva la finestra di stato, cioè la barra inferiore (status=YES);
- nasconde i pulsanti di navigazione (Toolbar=NO);
- nasconde il campo degli indirizzi (location=NO);
- mantiente attiva la proprietà di memorizzare le pagine visitate nell'ultima sessione (Copyhistory=YES);
- consente lo scorrimento nella finestra (scrollbars=yes);
- è ridimensionabile (resizable=YES);
- è larga 300 pixel (width=300);
- è alta 150 pixel (height=150);
Da tener presente che in luogo di "YES" e "NO" è possibile scrivere rispettivamente "1" e "0".