Il modello DOM (Document Object) è una descrizione gerarchica di una pagina Web in termini di suoi elementi HTML e loro struttura nidificata. Gli elementi del DOM di una pagina Web è possono accedere e modificare in modo dinamico dopo che la pagina viene caricata mediante codice JavaScript. Se si sta sviluppando un sito Web che utilizza più finestre del browser, codice JavaScript in esecuzione in una sola finestra può accedere e modificare la struttura DOM di un'altra finestra pure.

Istruzioni

1

Archiviare i risultati del metodo "Window. Open" a una variabile al fine di preservare un riferimento a una finestra che si apre con JavaScript. Ad esempio, utilizzare "Window. Open" nel codice JavaScript in questo modo, sostituendo l'argomento di "open" 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, è possibile memorizzare "windowRef" come una variabile globale mettendo la sua dichiarazione iniziale all'esterno della funzione.

2

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

windowRef.document.write (il "contenuto del nuovo DOM");

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

3

Utilizzare la parola chiave "apriscatole" per fare riferimento alla struttura DOM della finestra che si apriva la finestra corrente. Ad esempio, per modificare il colore di sfondo del documento che ha aperto la finestra corrente, è possibile utilizzare questo comando:

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