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事件上。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容