window.onload\$(document).ready\document.onDOMContentLoaded

window.onload

window的onload事件會在頁面中的一切都加載完畢時觸發，但這個過程可能會因為要加載外部資源過多而頗費周折。window.onload不能同時編寫多個。

$(document).ready/document.onDOMContentLoaded

$(document).ready和DOMContentLoaded事件在形成完整的DOM樹之后就會觸發，而不需要等待樣式表，圖像和子框架頁面加載。

區別：DOMContentLoaded事件和 $(document).ready都比window.load事件先觸發，支持在頁面下載的早期添加事件處理程序，這也就意味著用戶能夠盡早地與頁面進行交互。對于支持DOMComtentLoaded的瀏覽器，$(document).ready觸發事件是綁定在DOMContentLoaded事件上。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容