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

Question

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

例如。 www.example.com 希望显示 www.example2.com 上托管的 BMI 计算器 example2 希望与 example.com 共享该 BMI，但未提供实际代码。他只会分享一段 js 代码(就像我们如何包含 Google Analytics 或 Google Ads 一样)。实现这一目标的最佳方法是什么？

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

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

这里有什么可能性。

谢谢

Answer 1

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

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

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

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

要使用 iframe，您必须使用如下代码:

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

很简单!