文件就緒事件–document.ready和onload的區別

頁面載入完成有兩種事件：

1. ready，表示文件結構已經載入完成（不包含圖片等非文字媒體檔案）；
2. onload，指示頁面包含圖片等檔案在內的所有元素都載入完成。

詳細說明：

document.ready

• 在jquery裡等價於 ==(document).ready(function())==或是簡寫形式==(fucntion(){})==
• 作用：在document文件完成後就可以可以對dom進行操作。
  一般情況一個頁面響應載入的順序是，域名解析-載入html-載入js和css-載入圖片等其他資訊。
  那麼document.ready
  應該在“載入js和css”和“載入圖片等其他資訊”之間，就可以操作Dom了。

document.onload

• 作用:在document文件載入完成後就可以可以對dom進行操作，document文件包括了載入圖片等其他資訊。
  那麼document.onload就是在頁面響應載入的順序中的“載入圖片等其他資訊”之後，才可以操作Dom了。