将内容插入iFrame

小编典典

将内容插入iFrame

html

我正在尝试将一些内容插入“空白” iFrame中，但是没有插入任何内容。

HTML：

<iframe id="iframe"></iframe>

JS：

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

我正在调用该ready函数，所以我不明白为什么它没有插入。

阅读 435

2020-05-10

共1个答案

小编典典

您真的不需要jQuery：

var doc = document.getElementById('iframe').contentWindow.document;
doc.open();
doc.write('Test');
doc.close();

如果绝对必须使用jQuery，则应使用contents()

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

请不要忘记，如果您使用的是jQuery，则需要按如下所示插入DOMReady函数：

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

2020-05-10