如何在没有src属性的情况下在iframe中设置div？

Question

没有src属性的iframe。我想在没有src的情况下在iframe中设置div，但对我来说似乎很难。我的HTML代码是

＆＃13;

＆＃13;

<div class="demo-wrapper">
  <iframe src="">
    <div>
      <p>Hello World</p>
      <p>Hello World</p>
      <p>Hello World</p>
      <p>Hello World</p>
      <p>Hello World</p>
      <p>Hello World</p>
      <p>Hello World</p>
      <p>Hello World</p>
      <p>Hello World</p>
    </div>
  </iframe>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

可以使用JavaScript实现。请查看以下示例。

＆＃13;

＆＃13;

var html = document.getElementById("iframeCont").innerHTML;
var iframe = document.getElementById("myiframe");
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);

＆＃13;

<div class="demo-wrapper">
  <iframe id="myiframe" src="">
  </iframe>
  <div id="iframeCont" style="display: none">
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
    <p>Hello World</p>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;