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)
如果你绝对必须使用jQuery,你应该使用contents():
var $iframe = $('#iframe');
$iframe.ready(function() {
$iframe.contents().find("body").append('Test');
});
Run Code Online (Sandbox Code Playgroud)
请不要忘记,如果您使用的是jQuery,则需要按如下方式挂钩DOMReady函数:
$(function() {
var $iframe = $('#iframe');
$iframe.ready(function() {
$iframe.contents().find("body").append('Test');
});
});
Run Code Online (Sandbox Code Playgroud)