Volendo aprire un'immagine in un finestra esterna è sufficiente scrivere il nome dell'immagine (con la sua estensione) in luogo del nome del documento. Se la finestra ha le stesse dimensioni dell'immagine, tutto va bene, ma se la finestra è più grande, l'immagine appare in alto a sinistra della finestra. Per controllare la posizione dell'immagine, dobbiamo creare un documento HTML, destinato a contenere l'immagine stessa.
Spesso capita di dover richiamare più immagini e, in tal caso, conviene scrivere "a volo" il documento HTML, nel modo seguente:
<HTML>
<HEAD>
<TITLE>esempio di JavaScript</TITLE>

<SCRIPT LANGUAGE='JavaScript'>
<!--

var foto = new Array();
foto[0] = "foto1.jpg";
foto[1] = "foto2.jpg";
foto[2] = "foto3.jpg";
foto[3] = "foto4.jpg";
foto[4] = "foto5.jpg";

function mostra(number){
var tipoFinestra="menubar=yes, status=no, Toolbar=no, location=no, Copyhistory=YES, scrollbars=yes, resizable=yes, width=300, height=150";
   win1= window.open("", "foto", tipoFinestra);
   win1.focus();
   win1.document.open();
   win1.document.write(
     "<HTML>" +
     "<HEAD><TITLE>foto</TITLE>" +
     "</HEAD>" +
     "<BODY BGCOLOR='white' TEXT=green><CENTER>" +
     "<IMG SRC="+ foto[number] + "></CENTER>" +
     "</BODY></HTML>");
   win1.document.close();
  }
//-->
</SCRIPT>

</HEAD>
<BODY>
<P ALIGN=CENTER>
corpo<BR>
del<BR>
<A HREF="JavaScript:mostra(numero)"> documento</A>
</BODY>
</HTML>

Analizzando lo script, è facile notare che le istruzioni <SCRIPT LANGUAGE='JavaScript'> e </SCRIPT> comunicano l'inizio e la fine delle istruzioni nel linguaggio JavaScript;
  Per quel che concerne la funzione, non dovrebbero esserci difficoltà per leggerla. Infatti essa:
1) crea una 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);
2) apre una finestra win1= window.open("", "foto", tipoFinestra) con le caratteristiche definite e la porta in primo piano win1.focus();;
3) apre un documento win1.document.open() in cui scrive win1.document.write una normale pagina HTML;
4) dopo aver scritto la pagina, chiude il documento win1.document.close().
  Per richiamare qualsiasi immagine, è sufficiente indicare il numero corrispondente. Per esempio, all'immagine "foto3.jpg" corrisponde la variabile dell'Array "foto[2]", cioè il numero "2", quindi dobbiamo scrivere <A HREF="JavaScript:mostra(2)">.

finestre esterne - javascript - menu a discesa