加載JavaScript / CSS文件

Question

我從我的flex應用程序中嵌入的多個iframe中加載了包含JavaScript和CSS文件的頁面，這些JavaScript和CSS文件是否在瀏覽器中為每個iframe多次加載？ 如果是，我該如何避免它或最佳做法是什么？

謝謝

Answer 1

所以這是對JSBin的測試： http ： //jsbin.com/olome5/edit

我使用不同的iframe在Google的主頁上加載了3次。

從下圖中可以看出，JS資源被加載了3次，即使它們是完全相同的文件 - 沒有從緩存中加載。 這意味着通過iframe引入的資源，至少如果它們同時被引入，都會被加載。

你怎么能避免這種情況，我不確定。 您可以使用AJAX將內容直接加載到容器頁面的DOM中，而不是使用iframe，這樣，JS / CSS只需要加載到容器頁面中，它將應用於加載的所有元素。

當然，對於JS來說這很棘手，因為所引入的所有內容都必須在它們被引入后重新附加事件等等。這可以通過jQuery之類的東西變得更容易，但仍然不是少量的努力。