javascript - iFrame 或远程 JS 文件

Question

我有一个可以自定义的复杂页面，应该嵌入到某些客户的网站中。对于每个客户端，它看起来应该相同，但参数可能略有不同。该页面还包含一个使用浏览器插件的自定义对象。

我有 2 个想法来完成这个:

1. 使用 iFrame - 所以我只是嵌入我的页面并在请求参数。
2. 使用远程 JS 文件——比如 Facebook SDK 和其他 工作。在JS代码中传递参数。据我所知，我可以只在页面和远程 JS 文件上放置一些“父”div，它应该用所需的元素填充父 div。

我应该使用哪一个？每一个的缺点/优点是什么？

谢谢!

Answer 1

看看this article其中深入研究了您要实现的目标的方法。

IFrame 的优点:

If the owner of the mashup page is really concerned with security, malicious scripts running in the widget, then the IFRAME approach is preferable, because the widget’s script will have limited access to the host page and hence couldn’t make much harm to the page where it's embedded into.

Also, this approach is preferable if the owner of the widget wants to control the layout and styling of his/her widget. Since the IFRAME is essentially a separate web page, the mashup’s CSS scripts can’t do much harm to the widget.

缺点:

it is slow, resource intensive [on the browser], and does not give the owner of the mashup page an ability to style the widgets the way s/he wants.