将内容插入iFrame

use*_*439 39 html javascript iframe jquery

我试图将一些内容插入到'空白'iFrame中,但是没有插入任何内容.

HTML:

<iframe id="iframe"></iframe>
Run Code Online (Sandbox Code Playgroud)

JS:

$("#iframe").ready(function() {
    var $doc = $("#iframe").contentWindow.document;
    var $body = $("<body>").text("Test");
    $body.insertAfter($doc);
});
Run Code Online (Sandbox Code Playgroud)

我正在调用该ready函数,所以我不明白它为什么不插入.

Ben*_*enM 96

你真的不需要jQuery:

var doc = document.getElementById('iframe').contentWindow.document;
doc.open();
doc.write('Test');
doc.close();
Run Code Online (Sandbox Code Playgroud)

jsFiddle演示

如果你绝对必须使用jQuery,你应该使用contents():

var $iframe = $('#iframe');
$iframe.ready(function() {
    $iframe.contents().find("body").append('Test');
});
Run Code Online (Sandbox Code Playgroud)

jsFiddle演示

请不要忘记,如果您使用的是jQuery,则需要按如下方式挂钩DOMReady函数:

$(function() {  
    var $iframe = $('#iframe');
    $iframe.ready(function() {
        $iframe.contents().find("body").append('Test');
    });
});
Run Code Online (Sandbox Code Playgroud)

  • 任何人都面临IE引发的任何跨域安全验证?我看到的是这个例子.有关如何解决的任何想法? (3认同)