2015-06-27 51 views
2
$(window).load(function(){ 
// executes when complete page is fully loaded, 
//including all frames, objects and images 
} 

這是什麼意思「圖像」?這是否意味着「在CSS中設置的背景圖像」和「通過img標籤在文檔中設置的圖像」?窗口加載函數完全加載圖像?

+0

.load將等到您的瀏覽器開始下載所有文件。這意味着所有資源都將在DOM中準備就緒。如果背景圖片對於當前頁面是必需的,那麼它們也會被下載,並且您還將能夠操縱jquery中的css背景屬性。 –

回答

2

在這裏,你去。

load事件在文檔加載過程結束時觸發。此時,文檔中的所有對象都位於DOM中,並且所有圖像,腳本,鏈接和子幀都已完成加載。

GlobalEventHandlers.onload

這包括CSS背景圖像,如果它們是當前的DOM的一部分。

要安全地執行Javascript代碼來操作DOM元素,不必等待整個頁面加載。您可以使用$(document).ready(),它只會在DOM準備就緒時運行,但不會在任何情況下包含圖像,iframe,腳本和樣式表。

Here你可以找到更多的信息。

+0

感謝大衛的解釋。我們什麼時候需要預加載器?我們真的需要它嗎? – Arumai

+0

如果您想添加預加載器,這取決於您。你不需要,只要確保在DOM沒有完全加載之前不要操作DOM內的任何東西。要在頁面元素上安全地執行Javascript代碼,您可以使用'$(document).ready()'方法。 https://learn.jquery.com/using-jquery-core/document-ready/ – DavidDomain