如何从弹出窗口的iframe内部获取内容？

你当前的代码执行时iframe还未完成加载，且没有通过正确的属性读取iframe内部DOM，同时该操作受浏览器同源策略限制。

要读取iframe内部内容，必须满足同源策略要求：当前页面、弹出窗口、iframe加载的URL三者的协议、域名、端口完全一致，否则浏览器会出于安全限制禁止读取。

let url = this.status_url_response
let win = window.open();
// 拼接时补充src属性的引号，避免URL带特殊字符时解析错误
let htm = '<iframe id="pop" width="560" height="315" src="'+url+'" frameborder="0" allowfullscreen></iframe>'
win.document.write(htm);

const popIframe = win.document.getElementById('pop');
// 等待iframe加载完成后再读取内部内容
popIframe.onload = function() {
    // 获取iframe内部文档对象
    const innerDocument = popIframe.contentDocument || popIframe.contentWindow.document;
    console.log('iframe内部内容：', innerDocument);
    // 可直接操作内部DOM，示例：打印内部body内容
    console.log(innerDocument.body.innerHTML);
}

如果iframe加载的URL和当前页面不同源，仅当你拥有该URL对应站点的控制权时，可以通过postMessage API实现跨域数据传递：

• 父页面添加消息监听：

window.addEventListener('message', (event) => {
    // 校验消息来源，避免安全风险
    if (event.origin === 'https://你的iframe目标站点域名') {
        console.log('收到iframe传递的内容：', event.data);
    }
})

• iframe目标站点页面添加消息发送逻辑：

window.onload = function() {
    // 仅向指定域名发送数据，避免信息泄露
    window.parent.postMessage(document.body.innerHTML, 'https://你的父页面域名');
}

内容的提问来源于stack exchange，提问作者chewie