嵌入小部件：javascript 生成 iframe答案

【问题标题】：Embed widget : javascript generate iframe嵌入小部件：javascript 生成 iframe
【发布时间】：2019-06-04 14:41:33
【问题描述】：

我需要开发一个小部件来将我的内容嵌入到第 3 方 HTML 中。

我搜索了几个关于这个主题的页面，了解了使用 iframe 和 javascript 的优缺点，但仍然是一个问题。

我的意思是：
使用 iframe 是为第 3 方用户提供 iframe 标签，例如<iframe src="https://sample.com/widget.html</iframe>
使用 javascript 是给第 3 方用户一个脚本标签，例如<script src="https://sample.com/widget.js</script>

一个页面解释了如何使用 Js，但是他们的 Js 代码只是生成 iframe 并将其插入到父节点并将内容设置为 iframe。例如

var iframe = document.createElement('iframe');  
iframe.src = 'https://sample.com/widget.html
// insert iframe into parent node
// or set content into document
var doc = iframe.contentWindow.document;
doc.open();
doc.write('content');
doc.close();

我的问题是仅使用 iframe 和使用 Js 生成和插入的 iframe 之间有什么区别？

我的理解是，如果我想改变 iframe 的行为/外观，通过 Js 的 iframe 会更好。但是如果 Js 代码只是插入 iframe，这些几乎是相同的行为。对吗？

【问题讨论】：

标签： javascript iframe widget

【解决方案1】：

你探索过Zoid吗？它是一个样板，可帮助您设计一个以安全性为主要功能的可嵌入小部件脚本。检查这个article

【讨论】：

尽可能多的外部链接可供参考，请确保将答案嵌入到 SO 帖子中。

【解决方案2】：

直接插入iframe作为嵌入代码类似于插入js代码来加载和渲染iframe。没有区别。但是我们使用embed as iframe标签和使用script标签时还是有区别的。

【讨论】：