javascript - 如何使用 window.open() 方法将一大块 html 附加到已加载的 html 页面

Question

我正在尝试通过 window.open() 方法将一大块 html 附加到已加载的 html 页面。对于这个例子，html block 将是一个字符串。

var w = window.open('mypage.html, 'windowname', 'scrollbars=yes,location=no,toolbar=no,status=no,width=500,height=550,left=300,top=50');
var htmlChunk = '<span>bla bla</span>'
 $(w.document.body).append( htmlChunk );

$(w.document.body) 似乎无法访问弹出窗口内 mypage.html 上的 body 标记。

我也尝试过使用现成的方法。

 $(w.document.body).ready(function(){
         $(this).find('body').append(htmlChunk);
     });

这没有用，要么是将它附加到弹出窗口下方的窗口。

这里要明确一点，我不想直接向 mypage.html 添加任何 JS。我需要能够访问弹出式 mypage.html 正文标记并向其附加一大块 html。在我的设置中，我在 main.html 页面中有一个 js 文件。在 main.html 页面中，我有一个链接，上面有一个点击事件，它是在 js 文件中设置的。这是我调用弹出窗口的地方，我从 main.html 页面捕获一个 html block 以附加到弹出窗口内的 mypage.html。

Answer 1

你可以这样做:

$(w).on("load", function(){
    $("body", w.document).append( htmlChunk );
});

onload 事件处理程序使代码等待，直到创建了新窗口，并使用 w.document 作为 jQuery 的第二个参数来设置新窗口的上下文。您不能从子窗口运行 jQuery 实例，因为它不加载 jQuery。