Descrive la finestra correntemente aperta. Ogni finestra di un browser viene rappresentata da un oggetto Window.
| Proprietà | Descrizione | Esempio |
|---|---|---|
| document | Si riferisce al documento correntemente visualizzato nella finestra del browser. | window.document.links[0] |
| location | informazioni sul documento correntemente visualizzato . | window.location.href window.location.protocol window.location.pathname |
| navigator | permette di conoscere alcune proprietà del browser da cui sta arrivando una richesta; può essere usato per aprire pagine progettate specificamente per un particolare tipo di browser. | window.navigator.appName window.navigator.appCodeName window.navigator.appVersion window.navigator.userAgent window.navigator.platform window.navigator.language |
| history | è un array di indirizzi relativi alle pagine visitate dall'utente. Tre metodi permettono di navigare come i pulsanti Back, Forward, e Go del browser. | window.history.back() window.history.forward() window.history.go(-1) |
| status | il contenuto nella barra di stato del browser (per default visualizza il nome del link su cui è posizionato il mouse) | window.status= (per confermare fare click fuori dalla casella di input); non fare click ma sfiorami e guarda infondo alla finestra |
| Metodo | Descrizione | Esempio |
| alert(messaggio) | per visualizzare un messaggio in una finestra temporanea | messaggio |
| confirm(messaggio) | per visualizzare un messaggio al quale segue una scelta alternativa in una finestra temporanea | scrivo qualcosa o no? |
| open(["URL", "nome", "specs", replace]) | Apre un'altra finestra | window.open("../Indice.html", "menubar = no, status = no, titlebar =no, toolbar = no, width=400, hight=200") |
| prompt(messaggio,stringa iniziale) | Legge una stringa da una finestra temporanea | esempio |
| setTimeout(codice,ritardo) | ritarda l'esecuzione del codice JavaScript incluso come primo parametro (di solito si scrive il nome di una funzione) di una quantità di tempo pari a quella specificata nel secondo parametro (in millisecondi). |
E' l'oggetto princiale nella gerarchia degli oggetti HTML. Alcune proprietà dell'oggetto Document sono array le cui componenti rappresentano gli oggetti HTML di un certo tipo contenuti nel documento stesso, altre proprietà sono i nomi eventualmente attribuiti a quegli oggetti.
| Proprietà | Descrizione | Esempio |
|---|---|---|
| bgColor | il colore dello sfondo | document.bgColor |
| fgColor | il colore del testo | document.fgColor |
| lastModified | la data di ultima modifica | document.lastModified |
| location | document.location | |
| cookie | Piccolo file di dati in memoria temporanea o memorizzato su HD | document.cookie="dati=1,2,3,4,5" alert(document.cookie) |
| images[] | l'array di elementi di tipo immagine presenti nel documento HTML. |  document.images[0].src |
| links[] | l'array dei Link presenti nel documento HTML. | document.links.length
document.links[0] |
| anchors[] | l'array delle ancore interne nel documento HTML. | |
| applets[] | l'array delle applet all'interno del documento HTML. | |
| forms[] | l'array dei moduli, le sottounità, del documento, dette form, contenenti elementi HTML. | |
| Metodo | Descrizione | Esempio |
| open( ) | è facoltativo: se non si usa, non appena il browser incontra il metodo document.write() in un documento già chiuso, assume che si debba aprire un nuovo documento. | |
| write( ) | scrive sul documento corrente. | |
| close( ) | indica la conclusione dell'operazione di scrittura (è buona norma usare questo metodo). |
Rappresenta lo stato di un evento e anche l'elemento nel quale esso avviene, lo stato dei tasti della tastiera, la posizione e lo stato dei pulsanti del mouse. E' disponibile solo durante un evento perciò solo in gestori d'evento e non in altro codice.
| Proprietà | Descrizione | Esempio |
|---|---|---|
| button | il pulsante premuto del mouse
|
|
| clientX, clientY | Le coordinate del puntatore del mouse relative allo schermo, escludendo decorazioni e barre di scorrimento | |
| offsetX, offsetY | Le coordinate del puntatore del mouse relative all'oggetto | |
| propertyName | il nome della proprietà dell'oggetto che è mutata | |
| screenX, screenY | Le coordinate del puntatore del mouse relative allo schermo | |
| srcElement | l'oggetto che innesca l'evento | |
| type | il nome dell'evento | |
| x, y | Le coordinate (in px) del puntatore del mouse relative a un elemento parent |
Esempi:
Esercizi: