Javascript 通过jQUery创建沙盒iFrame

我正在尝试使用jQuery创建一个没有任何权限的iFrame。 我可以添加iFrame属性，但它需要一个值。我通过添加空值（“”）来使用脏解决方案，但这是正确的方法吗？ 有没有更好的方法来创建无权限沙盒iFrame

$（函数（）{
$（'article'）。每个（createIFrame）；
});
函数createIFrame（）{
setArticleContent（$（this），“hello sandbox”）；
}
函数setArticleContent（文章，内容）{
article.find（'span>p'）.first（）.text（''）；
$('', {
srcdoc:“”+content+“
”，
框架边框：“0”，
沙盒：“”，
样式：“背景：#00FF00”，
}).appendTo（article.find（'span>p'）.first（））；
}

地狱世界

我通过添加空值（“”）来使用脏解决方案，但这是正确的方法吗

它一点也不脏，但是您应该注意，根据规范，您应该使用空字符串：

属性的值可以是空字符串（应用所有限制），也可以是取消特定限制的标记的空格分隔列表

$（“”{
srcdoc:“”+content+“
”，
框架边框：“0”，
沙盒：“”，//注意空间已被删除
样式：“背景：#00FF00”，
}).appendTo（article.find（'span>p'）.first（））；

---

理想情况下，

样式

也应该通过外部样式表进行设置。

哦，我已经检查了该规范。谢谢！

$('<iframe>', {
  srcdoc: '<p>' + content + '</p>',
  frameborder: '0',
  sandbox: '', // note the space was removed
  style: 'background: #00FF00',
}).appendTo(article.find('span>p').first());