我想创建一个小部件，将在网站上渲染应用程序谁添加到他们的网页上的小部件

Question

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

例如：www.example.com想要展示一个托管在www.example2.com上的体重指数计算器，example2想要与example.com分享这个体重指数，但没有给出实际代码。他将只分享一个js代码(就像我们如何包含Google Analytics或Google Ads )。实现这一目标的最好方法是什么？

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

我不想用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>

这很简单！