How To: javascript document, navigator, window

Gli elmenti principali che costituiscono la base di ciò che si può gestire con Javascript sono le seguenti 3 Entità:
a) document
b) navigator
c) window

document
Rappresenta il documento ( pagina fisica o generata ) che stiamo visualizzando
nel browser in questo momento. Questo oggetto ha una serie di proprietà e metodi ed eventi che valgono per tutti i browser e alcuni che valgono solo per alcuni specifici.
Questo perchè essendo javascritp un linguaggio interpretato, può essere soggetto
a differenti comportamenti fra differenti browser.

Un modo semplice per meglio conoscere le proprietà di document è visualizzarle,
al fine di poterle comprendere con più semplicità.

<script>

    string pageInfo = ''

    pageInfo = pageInfo + document.domain +' '; 

    pageInfo = pageInfo + document.title+ ' '; 

    pageInfo = pageInfo + document.URL +' ' ; 

    pageInfo = pageInfo + document.referrer; 

    document.write(pageInfo);

</script>

domain indica il dominio o la provenienza del documento
title indica il titolo della pagina ossia ciò che è stato specificato nel tag title
URL indica l'indirizzo della pagina
referrer potrebbe indicare o l'url d'arrivo o lo stesso url della pagina oppure nulla.

document presenta parecchi metodi fra cui lo stesso write il cui scopo è quello di scrivere del testo.

browser è lo strumento/programma o applicativo con cui stiamo guardando la pagina. Anche per questo oggetto sono presenti proprietà metodi ed eventi e soprattutto questi dipendo dallo strumento stesso.
Con questo intendo che i metodi che implementa IE potrebbero non essere stati implementati in FireFox o viceversa.

<script>

    string browserInfo = ''

    browserInfo = browserInfo + navigator.appName + ' '; 

    browserInfo = browserInfo + navigator.appVersion + ' '; 

    browserInfo = browserInfo + navigator.language + ' ' ; 

    browserInfo = browserInfo + navigator.platform;

    document.write(browserInfo);

</script>

La maggior parte di queste informazioni potrebbero essere utili nel caso si dovessero effettuare delle modifiche nella pagina in base al browser. E' noto che l'interprete CSS (il foglio di stile) non sia uguale per tutti e un sistema, non troppo elegante ma efficace è verificare l'appName per impostare un CSS al posto di un altro.

window rappresenta l'istanza corrente di document ( e non solo la implementa come proprietà ) riferita al browser in uso.
Aggiunge inoltre tutte le proprietà relative all'oggetto finestra.

<script>

    string windowInfo = ''

    windowInfo = windowInfo + window.name + ' '; 

    windowInfo = windowInfo + window.screen.height + ' '; 

    windowInfo = windowInfo + window.screen.width + ' ' ; 

    document.write(windowInfo);

</script>