javascript - 加载 JavaScript/CSS 文件

Question

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

谢谢

Answer 1

所以这是对 JSBin 的测试:http://jsbin.com/olome5/edit

我使用不同的 iframe 加载了 3 次 Google 主页。

从下图中可以看出，JS 资源被加载了 3 次，即使它们是完全相同的文件——不是从缓存中加载的。这意味着通过您的 iframe 引入的资源(至少如果它们是同时引入的)都会全部加载。

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

当然，这对 JS 来说很棘手，因为所有引入的内容都必须在引入后重新附加事件，等等。这可以通过 jQuery 之类的东西变得更容易，但仍然不是'少量的努力。