頁面加載完成後，如何執行JavaScript函數？

如何在頁面加載完成後執行JavaScript函數？頁面加載完成後，如何執行JavaScript函數？

2010-07-16 Nithesh

@Funky Dude：我認爲Stack Overflow上的新手問題很好。當人們將來會使用它時，它們會在這裏結束，並得到一些很好的答案。 – 2010-07-21 14:55:28

是在谷歌嘗試。 – 2010-09-28 12:02:24

使用onload事件是這樣的：

window.onload = function(){ 
    // your code here....... 
};

來源

2010-07-16 04:39:47 Sarfraz

W3C有一個更新的推薦方法來做到這一點，它的功能更強大：element.addEventListener（） – 2010-07-16 07:19:32

@Pullets永遠：好的，這很有趣。 – Sarfraz 2010-07-16 07:27:45

Event.observe（窗口「的onload」，yourFunction中）;

來源

2010-07-16 06:09:25 Newbie

爲了讓您的onload處理在所有瀏覽器乾淨工作：

if (addEventListener in document) { // use W3C standard method 
    document.addEventListener('load', yourFunction, false); 
} else { // fall back to traditional method 
    document.onload = yourFunction; 
}

來源

2010-07-16 07:18:02

大多數JavaScript框架（例如jQuery，Prototype）封裝類似的功能這一點。

例如，在jQuery中，將自己的函數傳遞給核心jQuery函數$()會導致在加載頁面的DOM時調用函數。見http://api.jquery.com/jQuery/#jQuery3。

這發生在onload事件觸發之前，因爲onload等待所有外部文件（如圖像）被下載。你的JavaScript可能只需要DOM準備好;如果是這樣，這種方法優於等待onload。

來源

2010-07-21 15:01:51

頁面加載完成後，如何執行JavaScript函數？

回答

相關問題