html頁面的載入順序問題
阿新 • • 發佈:2018-12-18
首先看一下window和document的區別 window 1.window物件表示瀏覽器中開啟的視窗。 2.window物件可以省略,如:window.console.log()等價於console.log()
document 1.document物件是window物件的一部分。如: document.body 等價於 window.document.body 2.瀏覽器的html文件成為document物件。
jquery $(document).ready() 與window.onload的區別
1.執行時間 window.onload必須等到頁面內包括圖片的所有元素載入完畢後才能執行。 $(document).ready()是DOM結構繪製完畢後就執行,不必等到載入完畢。
2.編寫個數不同 window.onload不能同時編寫多個,如果有多個window.onload方法,只會執行一個 。$(document).ready()可以同時編寫多個,並且都可以得到執行。
3.簡化寫法 window.onload沒有簡化寫法 。 (function(){});
$(document).ready(function(){ // 執行程式碼 }); 或者 $(function(){ // 執行程式碼 });
通常用jq開發專案,不需要等到所有元素載入完那成後執行,直接這樣寫即可
$(document).ready(function(){
});
但是有一些需求必須要等所有的所有元素都載入完畢,才可以執行一些方法的時候,比如說,部分圖片或者什麼其他方面還沒有載入好,這個時候,點選某些按鈕,會導致出現意外的情況,這個時候,就需要用到:
$(window).load(function () {
$("#loadfinish").click(function () {
});
});