PROGRAMMIAMO
JS - L'oggetto window
L'oggetto window

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).

Principali proprietÓ dell'oggetto window

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.


Principali metodi dell'oggetto window

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 = window.open("","","width=300,height=250");
xx.document.open();
xx.document.write("<html><body><p>"+window.navigator.appName+"</p></body></html>");
xx.document.close();

 

precedente - successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it