我看过将内容插入 iFrame https://stackoverflow.com/questions/21795761/insert-content-into-iframe和他们的小提琴http://jsfiddle.net/8VP4y/3/ http://jsfiddle.net/8VP4y/3/得出我遇到问题的以下代码。
我为下面的问题创建了一个 jsfiddle 。
https://jsfiddle.net/cy87j70t/2/ https://jsfiddle.net/cy87j70t/2/
$( document ).ready(function() {
$('#card2').html( '<iframe id="myFrame"></iframe>' );
var myFrame = $("#myFrame").contents().find('body');
var myFrame2 = $("#myFrame2").contents().find('body');
myFrame.append('<p>OH NO TOKEN IS FOR myFrame Original ');
myFrame2.append('<p>OH NO TOKEN IS FOR myFrame 2 ');
});
HTML 看起来像这样;
<div id='card2'>
</div>
<iframe id='myFrame2'>
</iframe>
我正在尝试使用 javascript 创建一个 iframe,然后使用 JSONP 中的内容写入 iframe(为了便于调试,我省略了该部分);
我不确定为什么它不写入 iframe,是因为 iframe 是由 javascript 创建的吗?
我尝试过追加、html、之后、前置,但似乎没有什么可以让我写入 iframe
不,这不是一个错误。
更新了jsfiddle https://jsfiddle.net/cy87j70t/3/
正确的方法是:
$(function () {
$('#card2').html('<iframe id="myFrame"></iframe>');
// add the src attribute so that the load event will take place in every browser..
$("#myFrame").attr('src', 'about:blank');
// wait for the iframe is loaded
$("#myFrame").on('load', function(e) {
var myFrame = $("#myFrame").contents().find('body');
myFrame.append('<p>11111111OH NO TOKEN IS FOR myFrame Original</p>');
});
var myFrame2 = $("#myFrame2").contents().find('body');
myFrame2.append('<p>2222222222 OH NO TOKEN IS FOR myFrame 2</p>');
});
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<div id='card2'>
</div>
<iframe id='myFrame2'>
</iframe>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)