window.onload与document.domcontentloaded区别

window.onload加载事件
在网页中通过window调用onload实现窗口加载事件,只有当文档内容完全加载完成才会触发事件,调用改事件对呀的事件处理函数.
onload页面加载事件事件的两种注册方式:

//方式一
window.onload=function(){};


//方式二
window.addEventListener('load',function(){});


提示:
window.onload注册事件的方式只能写一次,如果有多个window.onlaod注册事件,会以最后一个为准,如果使用window.addeventlistener注册事件,则不会受注册次数限制.

document.DOMContentLoaded加载事件
document.DOMContentLoaded会在DOM加载完成时触发,注意这里的加载吧包括CSS样式,js动画等额外内容的加载,所以执行的时间会更快,适用与页面图片较多的场景.

注意:
document.DOMContentLoaded事件有兼容性问题,需要IE9以上的版本才支持