我想顯示預加載器的非Ajax調用，並加載資源後隱藏預加載器？

Question

我正在請求一個包含圖像和聲音文件的html5網頁。一旦加載了所有圖像和聲音文件，我想使用樣式屬性來隱藏預加載器。如何知道爲網頁請求加載的最後一個資源，以便我可以隱藏預加載器？ 注意：這是我的情況，我不使用任何ajax調用它是一個正常的網頁請求。

Answer 1

如何知道爲網頁請求加載的最後資源，以便我可以隱藏預加載器？

當所有文件從包括廣告和圖片在內的所有資源加載完成時，load事件觸發。來自IE9測試驅動器的此鏈接（http://ie.microsoft.com/testdrive/HTML5/DOMContentLoaded/Default.html）證明load事件與DOMContentLoaded事件（IE8-中不支持）之間的不同。

至於結果：

1. 當頁面開始加載，你必須註冊事件處理程序load事件和顯示預加載消息。
2. 當load事件發生時，瀏覽器執行您的加載事件處理程序，您可以在其中隱藏預加載程序消息。

Answer 2

那麼，你真的不能訪問你的圖像和聲音文件的「加載狀態」。但是，如果加載了組件，瀏覽器將觸發onLoad事件。即使對於圖像（和mayby聲音文件）也是如此。見http://www.htmlcodetutorial.com/images/_IMG_onLoad.html。如果您使用的是jQuery，您也可以使用$(document).ready(...)（對於您的html頁面）。