将Javascript从textarea注入Iframe

我试着做一个像操场一样的代码

它基本上从不同的文本区域中提取CSS/HTML/Javascript代码，并将其注入Iframe。它还应该立即更新Iframe

然而，我有点被注入Javascript卡住了

---

看，我到目前为止所做的：

但它不起作用

---

---

有人可以帮我吗？

我认为您可能需要同时插入脚本标记和内容，因为插入

标记将导致浏览器运行脚本。如果稍后插入脚本内容，它可能不会运行，但我不确定。试着这样做：

$('<script></script>')
      .text($('theinputselectorhere').val())
      .appendTo(contents.find('head'));

$（“”）
.text（$（'TheInputSelector此处'）.val（）
.appendTo（contents.find（'head'））；

我认为您可能需要同时插入脚本标记和内容，因为插入

标记将导致broswer运行脚本。如果稍后插入脚本内容，它可能不会运行，但我不确定。试着这样做：

$('<script></script>')
      .text($('theinputselectorhere').val())
      .appendTo(contents.find('head'));

$（“”）
.text（$（'TheInputSelector此处'）.val（）
.appendTo（contents.find（'head'））；

您必须正确设置上下文。或者，您可以直接使用选择器。如何正确设置上下文？您必须正确设置上下文。或者，您可以直接使用选择器。如何正确设置上下文？不相关，但您应该看一下：不相关，但您应该看一下：

        if ( $this.attr('id') === 'javascript') {
            scriptTag.text( $this.val() );
        }

$('<script></script>')
      .text($('theinputselectorhere').val())
      .appendTo(contents.find('head'));