document load 和 document ready 的區別

泥猴桃發表於2019-02-16

頁面載入完成有兩種事件

  1. load 是當前頁面所有資源載入完成後（包括DOM文件樹，css檔案，js檔案，圖片資源等），執行的一個函式，
    問題： 如果圖片資源較多，載入時間較長，onload 後等待執行的函式需要等待較長時間，所以一些效果可能受到影響。
  2. $(document).ready() 是當DOM 文件樹載入完成後執行的一個函式（不包含圖片，css 等），所以會比load 較快執行。
    在原生的js 中不包括ready() 這個方法，只有load 方法就是onload 事件。

相關文章