JS & JQ 載入語法

$(window).load() –>視窗載入完成才執行
$(document).ready() –> jq載入開頭（較快載入）

前端筆記：不論在寫js 還是jq,通常會遇到載入的問題,不管是圖片太多還是動畫效果過多，都避不了ＪＳ仔入的時間，解決方法除了減少圖片或優化語法以外，其實也可以寫一個div蓋板做Loading頁面

js判斷是否頁面載入完成

document.onreadystatechange = subSomething;
function subSomething(){
if(document.readyState == "complete"){
//載入完成執行區塊
}
}

document.onreadystatechange 用來監聽狀態改變
document.readyState == “complete” 用來判斷載入完成

js判斷是否頁面載入完成2

$(window).load(function(){
//載入完成執行區塊
}); 

利用原生ＪＳ特性 載入完成再將Loading頁面隱藏。

更多

JavaScript & jQuery完美判斷圖片是否載入完畢

document.getElementById('img').onload=function(){
// 載入完成
  };

更多