jquery - 如何将动态页面加载到 iframe 中

Question

我创建了一个 iframe 并将源设置为也已创建的空页面。问题是如何在空页面的 div 内动态添加一些 html block (html 已经存储在变量中)，然后将其显示在 iframe 上。我正在使用jquery。谢谢

Answer 1

选择 iframe，然后使用 .contents() 访问 iframe 的 jQuery 包装文档对象(仅限相同域!)。

var chunk = "<a>Test</a>";

var iframeBody = $("#id-selector-of-iframe").contents().find("body");
iframeBody.append(chunk);
//Or, if you want to overwrite the body:
//iframeBody.html(chunk);