Abbiamo visto nel precedente capitolo che il linguaggio JavaScript per determinare il controllo del flusso supporta le istruzioni condizionali ed i cicli. Il controllo del flusso avviene passo dopo passo, seguendo le regole della programmazione strutturata anche se il linguaggio è orientato agli Oggetti, o meglio, è basato sugli Oggetti nel senso che una collezione di Oggetti è già incorporata direttamente nel linguaggio. In altre parole possiamo definire che JavaScript utilizza o manipola gli Oggetti (tag HTML) incorporati nel browser, e di conseguenza non è errato definirlo come un linguaggio estensione di HTML.

Sappiamo già che i programmi client-side JavaScript possono rispondere agli input dell’utente e svolgere tutta una serie di compiti senza che vi sia alcun traffico di dati sulla rete, consentendo di realizzare delle pagine Web interattive e veloci.
Una tipica applicazione JavaScript è quella di controllare che i dati inseriti all’interno di un Form HTML siano corretti prima ancora di essere spediti dal client al server.

L’Oggetto Form , è uno degli oggetti di cui abbiamo accennato, e viene creato dal browser quando una pagina HTML viene caricata ed incontra il tag Form.

La gerarchia degli Oggetti

Gli Oggetti Javascript sono disposti gerarchicamente:


Figura-1

A prima vista avrete sicuramente riconosciuto l’oggetto Document, e l’oggetto Image attraverso gli esempi delle precedenti lezioni.
Ebbene tutti gli Oggetti hanno delle Proprietà, che nella maggior parte dei casi possono essere modificate, o meglio, manipolate attraverso i Metodi.
Per ricordare un esempio in particolare, la assegnazione (o sostituzione) di una immagine inserita in una pagina HTML avviene con la seguente riga di codice JavaScript:

<script language="JavaScript">
window.document.image.nomeImmagine="NuovoFile.gif";
</script>

In questo caso abbiamo manipolato il sorgente dell’Oggetto nomeImmagine, creato attraverso il codice HTML:

<img name="nomeImmagine" src="NomeDelFile.gif">

ed abbiamo rimpiazzato al posto dell’immagine NomeDelFile.gif l’immagine NuovoFile.gif

Avrete anche notato che tutti gli oggetti fanno capo all’Oggetto Window, fatta eccezione per l’Oggetto Navigator.



Gli Oggetti Javascript

Ricapitolando, ogni pagina HTML contiene i seguenti Oggetti:

Window: l’oggetto gerarchicamente più in alto, contiene tutte le proprietà che si applicano all’intera finestra. Attenzione, per ogni finestra (figlio) esiste un Oggetto Window corrispondente;

Document: contiene proprietà che si basano sul contenuto del documento, ad esempio: il titolo, il colore dello sfondo, i collegamenti, i forms, etc.

Location: contiene le proprietà basate sull’URL corrente;

History: contiene le proprietà degli URL che il browser ha richiesto in precedenza.

Navigator: contiene proprietà per nome e versione del browser in uso, i tipi MIME supportati e i plug-in installati dal client;

Nella prossima lezione tratteremo l’oggetto Navigator, ed in particolare le sue proprietà.

Torna all'indice Generale del corso di Corso di JavaScript di Software Planet