javascript - 弹窗访问父dom

Question

我有一个弹出窗口需要访问父 dom 以生成打印页面。打印页面的结构与父页面的结构明显不同，因此打印 css 无法解决问题。我基本上想弹出一个窗口，然后让该窗口从父窗口获取一些数据，甚至从弹出窗口访问 dom 并生成打印页面，而无需再次访问服务器。有什么想法可以实现吗？

我正在使用标准

window.open()

弹出一个窗口。我需要这个解决方案不是黑客，而是与所有主要浏览器兼容的跨浏览器。

提前致谢!

Answer 1

Sajjan 的回答是一个开始，但在您尝试访问它们之前最好确保您的对象可用:

var opener = window.opener;
if(opener) {
    var oDom = opener.document;
    var elem = oDom.getElementById("your element");
    if (elem) {
        var val = elem.value;
    }
}

否则，您确实会面临打开器不响应您的初始调用并且您无法从中获取元素的风险。

作为 jQuery，我认为(基于此处的答案:how to access parent window object using jquery?):

var opener = window.opener;
if(opener) {
    var elem = opener.$("#elementId");
    if (elem) {
        var val = elem.val(); // I forgot we're dealing with a jQuery obj at this point
    }
}