将Javascript从textarea注入Iframe 2中
我做了一个操场 它从textareas获取HTML/CSS/JS,并将它们注入Iframe。我在插入JS时遇到问题 我去了这个网站(我的代码与网络图坦卡蒙的代码完全相同),但我无法理解 这是我的密码:将Javascript从textarea注入Iframe 2中,javascript,jquery,iframe,Javascript,Jquery,Iframe,我做了一个操场 它从textareas获取HTML/CSS/JS,并将它们注入Iframe。我在插入JS时遇到问题 我去了这个网站(我的代码与网络图坦卡蒙的代码完全相同),但我无法理解 这是我的密码: (function() { $('.grid').height( $(window).height() ); var contents = $('iframe').contents(), body = contents.find('body'), styleTag = $(
(function() {
$('.grid').height( $(window).height() );
var contents = $('iframe').contents(),
body = contents.find('body'),
styleTag = $('<style></style>').appendTo(contents.find('head')),
scriptTag = $('<script></script>').text($('.js').val()).appendTo(contents.find('head'));
$('textarea').keyup(function() {
var $this = $(this);
if ( $this.attr('id') === 'html') {
body.html( $this.val() );
}
if ( $this.attr('id') === 'css') {
styleTag.text( $this.val() );
}
});
})();
(函数(){
$('.grid').height($(window.height());
var contents=$('iframe').contents(),
body=contents.find('body'),
styleTag=$('').appendTo(contents.find('head'),
scriptTag=$('').text($('.js').val()).appendTo(contents.find('head'));
$('textarea').keyup(函数(){
var$this=$(this);
if($this.attr('id')='html'){
html($this.val());
}
if($this.attr('id')='css')){
text($this.val());
}
});
})();
有人能帮我吗是否触发了按键事件?我的意思是,一旦DOM中的元素可用,你会调用这个代码段吗?html和css在keyup上工作,所以它应该在返回预期结果时工作?无论如何,你最好提供一个在线样本,它可以复制你的问题。我已经在线上传到了。我试过使用
$('#js')。val()
它仍然不起作用