javascript - 如何处理动态设置动态 iframe 内容

Question

我有一个页面，我需要在其中动态创建一个 iframe 并将其粘贴到页面上的一个 div 中。我这样创建 iframe:

var frame = $('<iframe>')
    .attr('id', 'myIframe')
    .addClass('someClass')
    .appendTo($('#someDiv'));

根据某些情况，我需要:A) 将 iframe src 设置为其他页面或 B) 向 iframe 动态添加一些 HTML。

我的选项 A 工作正常，但选项 B 引发安全错误:

if (someCondition) {
    // option A, works fine
    frame.attr('src', someURL);
} else {
    // option B, blows up with "Access is denied."
    $(frame[0].contentWindow.document).find('body').html(someHTML);
}

在尝试设置 HTML 之前，我是否需要在动态 iframe 上设置 document.domain？我怎么会那样做？有没有更简单的方法将动态内容附加到动态 iframe？

提前致谢。

编辑 这里是动态 iframe 的呈现 HTML，根据要求:

<div id="someDiv">
    <iframe id="myIframe" class="someClass"></iframe>
</div>

Answer 1

抱歉，如果 iframe 引用来自另一个域的 URL 源，您将无法访问它。

http://javascript.info/tutorial/same-origin-security-policy

话虽如此，只要您有来自同一域的 url，或者如果您用“javascript:void(0);”填充属性 src，您就可以访问它的主体。之后，尝试以这种方式访问​​它:

$($('iframe').contents().get(0)).find('body')