javascript - 嵌入小部件：javascript 生成 iframe

Question

我需要开发一个小部件来将我的内容嵌入到第 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，这些几乎是相同的行为。这是对的吗？

标签： javascriptiframewidget

Answer 1

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