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

Question

我创建了一个iframe并将源设置为一个已经创建的空白页面。问题是如何在空白页面的div内动态添加一些html块（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);