在 Append 中追加，在 Jquery 中追加中的 Iframe

Append within Append, Iframe within Append in Jquery

本文关键字：追加 Iframe Jquery Append      更新时间：2023-09-26

我看过将内容插入iFrame及其摆弄 http://jsfiddle.net/8VP4y/3/，以显示以下我遇到问题的代码。

我在下面为我的问题创建了一个 JSFIDDLE。

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

正确的方法是：

$(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>
相关文章：