向Iframe注入Javascript
我正在为我的网站制作一个实时编辑器。我有CSS和HTML部分了，现在唯一的问题是JS部分。下面是一段代码向Iframe注入Javascript,javascript,jquery,iframe,inject,Javascript,Jquery,Iframe,Inject,我正在为我的网站制作一个实时编辑器。我有CSS和HTML部分了，现在唯一的问题是JS部分。下面是一段代码 var frame = $('#preview_content'), contents = frame.contents(), body = contents.find('body'); csstag = contents.find('head').append('<style></style>').c
var frame = $('#preview_content'),
contents = frame.contents(),
body = contents.find('body');
csstag = contents.find('head').append('<style></style>').children('style');
java = contents.find('head').append('<script><\/script>').children('script');//Issues here
$('.area_content_box').focus(function() {
var $this = $(this);
var check = $this.attr('id');
$this.keyup(function() {
if (check === "html_process"){
body.html($this.val());
} else if(check === "css_process") {
csstag.text($this.val());
} else if (check === "java_process"){
java.text( $this.val() );
}
});
});
var frame=$（“#预览内容”），
contents=frame.contents（），
body=contents.find（'body'）；
csstag=contents.find（'head'）.append（''）.children（'style'）；
java=contents.find（'head'）.append（''）.children（'script'）//这里的问题
$（'.area\u content\u box'）。焦点（函数（）{
var$this=$（this）；
var check=$this.attr（'id'）；
$this.keyup（函数（）{
如果（检查==“html\U进程”）{
html（$this.val（））；
}else if（检查==“css_进程”）{
csstag.text（$this.val（））；
}else if（检查==“java_进程”）{
text（$this.val（））；
}
});
});
因此，关于如何让我的编辑器正确使用注入式JS，有什么建议吗？这两行代码看起来可能有问题：
csstag = contents.find('head').append('<style></style>').children('style');
java = contents.find('head').append('<script><\/script>').children('script');//Issues here
.text（）这也有其他问题。每次
.area\u content\u box.keyup（）csstag = contents.find('head').append('<style></style>').children('style');
java = contents.find('head').append('<script><\/script>').children('script');//Issues here
.text（）这也有其他问题。每次
.area\u content\u box.keyup（）