加載JavaScript/CSS文件

Question

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

感謝

Answer 1

因此，這裏是上JSBin測試：http://jsbin.com/olome5/edit

我在谷歌的3倍的主頁加載，使用不同的I幀。

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

你怎麼能避免這種情況，我不知道。您可以使用AJAX將內容直接加載到容器頁面的DOM中，而不必使用內聯框架，這樣，只需將JS/CSS加載到容器頁面中，就可以將其應用於所有加載的元素。

當然，這對JS來說很棘手，因爲所有帶入的內容都必須在事件引入後重新附加事件等等。使用jQuery之類的東西可以使事情變得更容易，但仍然不是一點點的努力。