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):
Sito realizzato in base al template offerto da
http://www.graphixmania.it