window.onload
window的onload事件会在页面中的一切都加载完毕时触发,但这个过程可能会因为要加载外部资源过多而颇费周折。window.onload不能同时编写多个。
$(document).ready/document.onDOMContentLoaded
$(document).ready和DOMContentLoaded事件在形成完整的DOM树之后就会触发,而不需要等待样式表,图像和子框架页面加载。
区别:DOMContentLoaded事件和 $(document).ready都比window.load事件先触发,支持在页面下载的早期添加事件处理程序,这也就意味着用户能够尽早地与页面进行交互。对于支持DOMComtentLoaded的浏览器,$(document).ready触发事件是绑定在DOMContentLoaded事件上。
网友评论