Question

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

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

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

我不想使用Java Applet或Flash方式。目前我必须分享BMI计算器的HTML代码，这是不理想的。

这里有什么可能性。

谢谢

Answer 1

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

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

这是Facebook使用的方法，而且所有其他主要网站也采用相同的方法。

正如评论中所指出的那样，使用iframe还允许你使用cookies，加载css，javascript，ecc，因为它是一个完整的网页。

使用iframe你必须使用这样的代码：

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

这很简单！