写入iframe文档而不是全局文档

Question

我正在尝试构建HTML，CSS，JavaScript的在线编辑器。 每个代码都写在自己的文本区域中。 输出显示在iframe中。

问题是，如果if用户将JavaScript textaera放入类似的内容：

var p = document.createElement("p");
var text = document.createTextNode("Hello World");
p.appendChild(text);
document.body.appendChild(p);

而不是字符串“ Hello world”将出现在iframe中，而是出现在全局编辑器页面中的iframe外部。

我在stackoverflow中看到了有关如何写入iframe文档的不同解决方案，但是我当然想在我的编辑器代码而不是他在textarea上写的用户代码中进行更正。

我的代码：

$('#output').contents().find('head').html('<script type = "text/javascript" defer>'
 + $('#JavaScript_input').val() + '</script>');