如何在iframe完全加載之前顯示加載圖標？

Question

我想弄清楚如何顯示加載圖標並切換到加載後的iFrame。有沒有像onclick之類的功能？

基本上我試圖完成的是有一個div顯示「正在加載...」，一旦iFrame完全加載頁面顯示iframe。如何才能做到這一點？

Answer 1

您可以將初始幀內容設置爲加載圖標的動畫gif，然後在AJAX調用中單獨加載實際文檔。當遠程調用完成時，它將用取出的頁面替換適當的DOM元素的內容（例如document.body）。

Answer 2

我已經通過在iframe容器的背景圖像上設置了一個動畫gif（來自Ajaxload）解決了這個問題。唯一需要考慮的是iframe主體應該設置背景顏色。

在加載iframe時，其背景應該是透明的，並且圖標應該透明顯示。