将带有<script>的代码插入iFrame时出现Javascript错误

Question

我试图在一些iFrame中插入html内容，并且在添加标签时遇到了奇怪的javascript错误。我要插入的代码看起来像（在实际示例中有一些代码）：

  
  

<身体>
  
这是一个iframe 

 

js错误为：未捕获TypeError：无法读取null的属性'appendChild'（您需要处于开发模式）。如果删除该行，该错误将不再存在。

简化的源代码示例： https://codepen.io/anon/pen/MdoLpq

我在这里迷路了，欢迎任何想法或提示。

Answer 1

我很确定jQuery在使用<script>方法时会去除.html()标签。要解决此问题，请使用普通的JavaScript .innerHTML。

例如，代替..

$("#1").contents().find('html').html( frameCode );

替换为此...

$("#1").contents().find('html').get(0).innerHTML = frameCode;