Skip to content

window.onload与DOMcontentLoaded的区别

建议使用:DOMcontentLoaded

  • 因为是对DOM的操作,不必管图片、视频的加载。 区别

页面加载完成有两种事件

    1. onload事件是当页面所有资源(包括DOM,样式表,脚本,图片等资源)全部加载完成后执行

问题:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响

    1. jQuery的$(document).ready()是当DOM树加载完成后执行,其实监听的DOMContentLoaded事件(仅当DOM解析完成后,不包括样式表,图片等资源)