javascript - 是否可以在打开的 javascript 窗口中访问 DOM？

Question

使用 javascript，我可以打开和关闭弹出窗口，如下所示。

var myWindow = window.open('http://example.org/');
// do things to window.
myWindow.close();

如何在关闭弹出窗口之前操作该页面的 DOM 元素？我试过了

myWindow.onready = function() {
    myWindow.document.getElementById('someElementID').style.color = '#f00';
}

没用。

Answer 1

没有事件让您知道 URL 已正确加载到弹出窗口中。唯一可行的选择是设置超时，然后访问元素。

像这样:

var myWindow = window.open('./t6.html');  

setTimeout(check, 3000);

console.log($('body', myWindow.document)); // This shows a blank "body"

function check() {
    console.log($('body', myWindow.document)); // This shows the actual elements in the document
}

myWindow.close();