document load 和 document ready 的區別
頁面載入完成有兩種事件
- load 是當前頁面所有資源載入完成後（包括DOM文件樹，css檔案，js檔案，圖片資源等），執行的一個函式，
問題： 如果圖片資源較多，載入時間較長，onload 後等待執行的函式需要等待較長時間，所以一些效果可能受到影響。 - $(document).ready() 是當DOM 文件樹載入完成後執行的一個函式（不包含圖片，css 等），所以會比load 較快執行。
在原生的js 中不包括ready() 這個方法，只有load 方法就是onload 事件。
相關文章
- document load 和document ready的區別？
- $(document).ready和window.onload的區別
- document.ready和window.onload的區別
- window.onload()函式和jQuery中的document.ready()區別函式jQuery
- document，document.documentElement區別
- window.onload()函式和jQuery中的document.ready()有什麼區別？函式jQuery
- jQuery - jQuery $(document).ready() 和 JavaScript [removed]() 的比較jQueryJavaScriptREM
- document、DOM、window、BOM區別
- Document Redirect 與 XHR Redirect區別
- JavaScript客戶端document物件和window物件的區別JavaScript客戶端物件
- 你不知道的document和document.documentElement
- Elasticsearch DocumentElasticsearch
- QML Document
- Document物件物件
- JavaScript 裡 window, document, screen, body 這幾個名詞的區別JavaScript
- load和loads的區別
- Chrome對document.documentElement.scrollTop的識別Chrome
- JavaScript document物件JavaScript物件
- document.getElementsByName()
- document.createElement()
- create-a-document
- document.domainAI
- document.fullscreenEnabled
- document.createDocumentFragment()Fragment
- js裡document的用法JS
- (function($,window,document){.......})用法Function
- document.cookie 用法Cookie
- check_document_position
- 認識 Here Document
- Document.SendStringToExecute方法
- HTML DOM之document物件的屬性和方法HTML物件
- 設定document物件的高度物件
- document.documentElement.style用法
- XML DOM（Document Object Model）XMLObject
- JavaScript 之 DOM [ Document物件 ]JavaScript物件
- document.getElementsByTagName函式函式
- Elasticsearch——document相關原理Elasticsearch
- document.referrer詳解