Javascript 我想创建一个小部件，它将在将该小部件添加到其网页的站点上呈现应用程序

我想创建一个小部件或javascript代码，它将在嵌入代码的网页上呈现HTML表单

例如，www.example.com希望显示一个BMI计算器，该计算器位于www.example2.com上example2希望与example.com共享该BMI，但没有给出实际代码。他将只分享一个js代码（比如我们如何包括谷歌分析或谷歌广告）。实现这一目标的最佳方式是什么

在这个计算器中，我们向用户询问多个详细信息，这些信息保存在数据库www.example2.com的db中

我不想走Java小程序或Flash的路。目前，我必须分享的HTML代码的体重指数计算器，这是不理想的

这里有什么可能性

---

谢谢，有两种方法可以做到这一点：iframe和javascript

更常见的方法是使用iframe，因为它是一个简单的网页，您可以完全控制它。此外，最好的优点是iframe是异步加载的，因此页面的加载不受小部件加载的影响

这是Facebook所使用的方法，正如它所做的那样，所有其他主要网站也使用相同的方法

正如在评论中指出的，使用iframes还允许您使用cookies，加载css、javascript和ecc，因为它是一个完整的网页

要使用iFrame，必须使用如下代码：

<iframe id="WidgetContent" src="http://example.com/widget/id" frameborder="0" height="600"></iframe>

---

这很简单

一些老版本的小部件通过某种框架工作，比如iframe。这意味着你可以像普通人一样构建你的网站，然后让用户通过一个框架来嵌入它。这是最简单的方法。是的，Iframe是通过Javascript代码呈现的。但是如何管理跨域访问中的权限问题etcAn Iframe只是一个指向另一个站点的窗口。iframe中存储的Cookie属于该站点，如果这有任何意义的话，它与iframe的父站点没有任何连接。感谢Aerendir，我们为其创建了HTML包装，效果非常好。有了包装器，我们可以让他们使用样式表覆盖来更改小部件的外观。