如何将jQuery或JavaScript注入iFrame？

Question

我正在尝试构建HTML，CSS，jQuery / JavaScript编辑器......如何将JavaScript或jQuery注入iFrame？我试着在这里搜索所有相关的答案，但没有一个解决方案有帮助...

这就是我所说的...＃css，＃js是textareas，而#iframe_id是用于预览更改的iframe。

css_code = $('#css').val();
js_code = $('#js').val();

css_content = "<style>" + css_code + "</style>";  // working
js_content = "<script>" + js_code + "</script>";  // does not work
$('#iframe_id').contents().find('head').append(css_content);  // working
$('#iframe_id').contents().find('body').append(js_content);  // does not work

以下有效但只有当我使用核心JavaScript时，不确定为什么...... frame [0]基本上是相同的iframe（#iframe_id）......

var js_content = jsEditor.getValue();
frames[0].window.eval(js_content);   // works only when JavaScript is entered (not jQuery)

这可能与'script'标签有关，也许jQuery有问题...不确定原因。