// ready 在DOM載入完成時運行的代碼 $(document).ready(function(){ // 在這裡寫代碼... }) // 可以簡寫為 $(function(){ // 在這裡繼續使用$作為別名... }) // load 頁面載入完畢後運行代碼 $(document).loa ...
// ready 在DOM載入完成時運行的代碼
$(document).ready(function(){
// 在這裡寫代碼...
})
// 可以簡寫為
$(function(){
// 在這裡繼續使用$作為別名...
})
// load 頁面載入完畢後運行代碼
$(document).load(function(){
// 在這裡寫你的代碼...
})
區別一：ready 會先於 load 執行 瞭解瀏覽器載入頁面的過程 1、 解析HTML結構，對html文檔進行載入 2、 載入外部表文件，包含css樣式和javascript腳本，並且執行 3、 html執行完畢 4、 載入圖片、字體等外部文件 5、頁面載入完成
ready：是在DOM元素載入完成就執行，也就是說在上面的步驟3執行完成後就執行，不需要等待圖片、字體等外部文件的載入 load：是在頁面載入完成後才執行，在上面步驟5完成後才執行。 所以按照瀏覽器的載入頁面步驟來說，ready 會比 load先執行
區別二：load 只能編寫一個，ready可以編寫多個 load編寫：
$(document).load(function(){
alert("load1...");
});
$(document).load(function(){
alert("load2...");
});
執行後只輸出了 load2...
因為他只能執行一個，如果有多個的情況，後面的會覆蓋前面的
ready編寫：
$(document).ready(function(){
alert("ready1...");
});
$(document).ready(function(){
alert("ready2...");
});
執行後兩次都輸出：ready1...
ready2...
區別三：ready 有簡寫，而load沒有 ready簡寫：
$(function(){
// ready簡寫，在這擼代碼
})
