Il Document Object Model (DOM) è una descrizione gerarchica di una pagina Web in termini di elementi HTML e la loro struttura annidata. Gli elementi di DOM di una pagina Web è possibile accedere e modificare dinamicamente dopo che la pagina viene caricata utilizzando il codice JavaScript. Se si sta sviluppando un sito web che utilizza più finestre del browser, il codice JavaScript in esecuzione in una finestra può accedere e modificare la struttura DOM di un'altra finestra pure.

istruzione

1 Memorizzare i risultati del metodo "window.open" per una variabile per conservare un riferimento a una finestra che si apre con JavaScript. Ad esempio, utilizzare "window.open" nel vostro JavaScript questo modo, sostituendo l'argomento di "aperto" con l'URL della pagina da caricare nella nuova finestra:

var windowRef = window.open ( "windowpage.html");

Se si intende utilizzare funzioni separate per alterare il DOM della nuova finestra, negozio "windowRef" come una variabile globale, ponendo la sua dichiarazione iniziale al di fuori della funzione.

2 Utilizzare la variabile "windowRef" come punto di accesso per il DOM del documento nell'altra finestra. Ad esempio, utilizzare il metodo "scrittura" dell'oggetto "documento" per sostituire il contenuto dell'altra finestra come questa:

windowRef.document.write ( "Nuovo contenuto DOM");

È inoltre possibile utilizzare metodi come "getElementById" e "getElementsByTagName" per fare riferimento a elementi specifici nella struttura DOM nell'altra finestra.

3 Utilizzare il "opener" parola chiave per fare riferimento alla struttura DOM della finestra che ha aperto la finestra corrente. Ad esempio, per modificare il colore del documento che apre la finestra corrente di fondo, utilizzare questo comando:

window.opener.document.body.style.backgroundColor = "nero";