L'oggetto window costituisce la radice dell'albero del BOM e rappresenta una finestra di navigazione aperta nel browser, completa di barra dei menu, barra degli strumenti, barra di stato e pagina caricata nella finestra. Si tratta dell'oggetto principale del BOM a cui fanno capo tutti gli altri.
In pratica possiamo pensare a window come la cornice (= la finestra) dentro cui viene caricata la pagina stessa (documento). Un nuovo oggetto window viene creato automaticamente quando si apre una nuova finestra o una nuova scheda in un browser. Come si vede la creazione di window non avviene tramite JS ma attraverso i comandi del browser. Si tratta infatti di un API esterna al linguaggio JS e fornita dal browser stesso.
Le tabelle seguenti elencano le principali proprietà e metodi dell'oggetto window (per un elenco completo vedi qui).
Le proprietà sono variabili i cui valori rappresentano diverse caratteristiche della finestra window:
| Proprietà | Descrizione |
|---|---|
| closed | Restituisce un valore booleano che indica se una finestra è stata chiusa |
| defaultStatus | Definisce il testo di default nella statusbar di Windows |
| document | Rappresenta l'oggetto document contenuto nella finestra |
| history | Restituisce gli url visitati nella finestra |
| location | Restituisce l’url del documento aperto nella finestra |
| name | Restituisce o imposta il nome della finestra |
| navigator | Restituisce informazioni sul browser utilizzato |
| innerHeight | Restituisce l'altezza interna in pixel della finestra |
| innerWidth | Restituisce la larghezza interna in pixel della finestra |
| outerHeight | Restituisce l'altezza esterna in pixel della finestra |
| outerWidth | Restituisce la larghezza esterna in pixel della finestra |
Come abbiamo già osservato, le proprietà di window sono (per la maggior parte) a loro volta degli oggetti, dotati dunque di altre proprietà e metodi.
I metodi sono funzioni che è possibile applicare all'oggetto window:
| Metodo | Descrizione |
|---|---|
| alert("msg") | Mostra un messaggio di avviso |
| blur() | Rimuove il focus dalla finestra corrente |
| clearInterval(ID) | Cancella un timeout impostato con setInterval() |
| clearTimeout(ID) | Cancella un timeout impostato con setTimeout() |
| close() | Chiude la finestra corrente |
| confirm("msg") | Mostra una finestra di dialogo con un messaggio e i bottoni Cancel e OK |
| focus() | Da il focus alla finestra |
| moveBy(x,y) | Sposta la finestra di un certo numero di pixel in relazione alle coodinate correnti |
| moveTo(x,y) | Sposta la finestra in un punto specifico dello schermo (x e y danno la opsizione del vertice in alto a sinistra) |
| open(URL,"name","specs") | Apre una nuova finestra |
| print() | Stampa il contenuto di una finestra |
| prompt("msg","reply") | Mostra un prompt in cui l’utente può scrivere |
| scrollBy(x,y) | Scrolla il contenuto di una finestra di un certo numero di pixel |
| scrollTo(x,y) | Scrolla il contenuto di una finestra in un punto specifico |
| setInterval(func,millisec) | Richiama una funzione o valuta un espressione ad ogni certo nmero di millisecondi specificato |
| setTimeout(func,millisec) | Richiama una funzione o valuta un espressione dopo un certo nmero di millisecondi specificato |
| stop() | Interrompe il caricamento di una pagina (come premere il pulsante stop della pagina |
Il codice seguente fa uso dei vari metodi, proprietà e oggetti del BOM per visualizzare il nome del browser in cui è stata aperta la finestra corrente (vedremo nel seguito in maggiore dettaglio alcuni dei metodi e delle proprietà qui usate):
xx.document.open();
xx.document.write("<html><body><p>"+window.navigator.appName+"</p></body></html>");
xx.document.close();
precedente
Sito realizzato in base al template offerto da
http://www.graphixmania.it
