2014-02-24 37 views
0

網頁加載腳本後,我們使用<body onload="f1()">做什麼的onload運行,而無需使用的onload funcion

反正是有,我可以運行一個網頁腳本後f1 function滿載?

請用一個例子(的jsfiddle優選)

+0

*「滿載」*表示所有圖像已加載? –

+0

_jsfiddle首選_.....我認爲這是你需要的。 – Jai

回答

1

$(window).load(function() {事件執行一個位後,當完整的頁面完全加載,包括所有的幀,對象和圖像

使用jQuery

<script> 
$(window).load(function() { 
    alert("window loaded"); 
    f1(); // Your function call 
}); 
</script> 
回答

使用Pure JS

<script> 
window.onload = function() { 
    alert("window loaded"); 
    f1(); // Your function call 
}; 
</script> 
+0

它不起作用 – LynAs

+0

@LynAs,只是爲了確認。正如你已經標記jQuery。 jquery加載?我已經更新了使用純JS的答案 – Satpal

+0

第二個工作表示感謝,並且是jq工作 – LynAs

0

你可以把你的函數內部$(window).load(function() { ... });

$(window).load(function() { 
    f1(); 
}); 

代碼包含內部$(window).load(function() { ... })將運行一次整個頁面(圖片或iFrame),而不僅僅是DOM,已準備就緒。

1
<script> 
    f1(); 
</script> 

結束標記即

</body> 
+0

我不確定,但我認爲這將在所有DOM加載後運行,但不一定在所有元素(樣式表,腳本,對象,尤其是圖像)加載,這是我所理解的「完全加載」的意思...... – Throoze

0

使用以下方法,使您的功能將被載入NCE網頁完全加載的所有內容(包括圖片,腳本文件,CSS前添加這個腳本文件等)。

<body onload="f1()"> 
+0

我認爲這就是LynAs想要避免的...... – Throoze