加载JavaScript / CSS文件

Question

我从flex应用程序中嵌入的多个iframe加载一个包含JavaScript和CSS文件的页面，这些JavaScript和CSS文件是否在浏览器中为每个iframe多次加载？如果是，我如何避免它，或者最佳实践是什么？

谢谢

Answer 1

所以这里有一个关于JSBin的测试：http://jsbin.com/olome5/edit

我用不同的iframe在Google首页加载了3次。

从下图中可以看到，JS资源加载了3次，尽管它们是完全相同的文件--不是从缓存加载的。这意味着通过iframe引入的资源，至少在同时引入的情况下，都会被加载。

​

​

你怎么避免这种情况，我不确定。与使用iframe不同，您可以使用AJAX将内容直接加载到容器页面的DOM中，这样，JS / CSS就只需要加载到容器页面中，并且它将应用于其中加载的所有元素。

当然，这对JS来说很棘手，因为所有引入的内容都必须在引入后重新附加事件，等等。使用jQuery这样的东西可以使这一点变得更容易，但仍然不是很小的工作量。