domcontentLoaded 与 onload

Question

在哪个事件完成, 用户才能看到页面显示

Answer 1

实践过了, 只有onload完成后用户才能看到页面, 比如在onload 加一个alert(1), 弹出1之前, 页面是空白的,

在onload事件里面 setTiemout(alert(2), 1); ,弹出2之前页面已经显示完了

说明onload必须完成后, 用户才能看到页面的显示效果

Answer 2

domcontentLoaded——仅DOM加载完成

onload——DOM、图片、css样式、flash动画、js等加载完成，没完成会阻塞导致无法显示或者js无效

先触发DOMContentLoaded事件，后触发load事件。

解析HTML结构————加载外链的JS脚本和css样式————解析并执行脚本代码————DOM树构建完成(DOMContentLoaded响应)————加载图片等外部文件——————页面加载完毕(onload响应)