将内容插入iFrame

  • Z时代
  • 2024-01-10
  • 分类：问答

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

HTML：

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

JS：

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

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

回答：

您真的不需要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');
    });
});

以上是 将内容插入iFrame 的全部内容， 来源链接： utcz.com/qa/402933.html

回到顶部