加载javascript和iframe之间的通信

Question

我开发了一些在页面上呈现iframe的javascript代码。在框架内，它加载各种用于社交网络的API，例如facebook，twitter，链接等。它基本上是网站允许用户使用他们的社交网络登录的工具。我还创建了一个简单的jQuery插件，将这个iframe加载到模态弹出窗口中。

这是问题所在： 主要的iframe加载在网站上，但开发人员也想在同一页面上使用jquery插件。它工作正常，但所有的JavaScript都是第二次加载。所以基本上它是一个巨大的资源浪费，因为每个社交网络api被加载两次。我想知道是否有办法跟踪api已经加载，并再次停止加载它们。 2个iframe完全相同。

我尝试向window.top添加一些属性，但由于跨域限制，这不起作用。两个iframe属于同一个域，但主站点是不同的域。

我还想知道iframe是否可以检测主窗口是否已加载jquery，因为即使没有必要也会再次加载。

任何建议和意见将不胜感激， 谢谢！

Answer 1

您不应该为此使用iframe。听起来你正在创建一个“登录弹出窗口”供用户登录，比如说他们点击了“评论”并且还没有登录。只需使用一个div，然后将它漂浮在页面的其余部分之上。