我正在尝试将一些内容插入到“空白”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").ready(function() {
var body = $("#iframe").contents().find("body");
body.append('Test');
});
检查此JSFiddle以获取工作演示。
编辑：你当然可以做到一种线条样式：
$("#iframe").contents().find("body").append('Test');
您可以从 div 输入（例如）文本到 iFrame：
var $iframe = $('#iframe');
$iframe.ready(function() {
$iframe.contents().find("body").append($('#mytext'));
});
和div：
<iframe id="iframe"></iframe>
<div id="mytext">Hello!</div>
和 JSFiddle 演示：链接
等等，你真的需要使用 javascript 渲染它吗？
请注意，在 HTML5 中有srcdoc，它可以为您做到这一点！（缺点是 IE/EDGE 尚不支持https://caniuse.com/#feat=iframe-srcdoc）
请参阅此处 [ srcdoc]：https : //www.w3schools.com/tags/att_iframe_srcdoc.asp
还有一点需要注意的是，如果你想避免js代码内外的干扰，你应该考虑使用sandbox模式。
请参阅此处 [ sandbox]：https : //www.w3schools.com/tags/att_iframe_sandbox.asp
如果您想要CSS在您的网页上的所有内容，请IFrame尝试以下操作：
var headClone, iFrameHead;
// Create a clone of the web-page head
headClone = $('head').clone();
// Find the head of the the iFrame we are looking for
iFrameHead = $('#iframe').contents().find('head');
// Replace 'iFrameHead with your Web page 'head'
iFrameHead.replaceWith(headClone);
// You should now have all the Web page CSS in the Iframe
祝你好运。