window.onload 和 DOMContentLoaded 问题

Question

1. window.onload - 整个资源加载完成执行，包括 img,那么包不包括视频音频呢?
   疑问: 如果算的话印象中现在视频音频等大文件的传输现在都用 stream 传输，这种情况下window.onload什么时候执行呢？

2. DOMContentLoaded - DOM 加载完成即执行
   疑问: 包不包括 html 标签节点呢?因为 body 后面不是还有 script 标签嘛！
   由于 JS 会塞页面渲染当 JS 比较大加载执行耗时比较长时最后的 html 标签会比较晚被加载渲染到是不是要等这个 JS 执行完 html 标签渲染到才会触发DOMContentLoaded？

Answer 1

双越 2019-12-11 21:21:22

第一，关于音频和视频，这个比较麻烦，首先要分位 flash 和 h5 video audio 两个。用 flash 的话，和 window.onload 应该就没关系了，flash 本来也会脱离浏览器的管理。用 video 的话，根据现有的 API 来看，应该也和 window.onload 没关系，毕竟是流式加载的。不过这是我的一个分析，具体的还得验证。好在不专门做视频、音频的开发，也不会对这块研究这么深。

第二，DOMContentLoaded 应该和 script 标签没关系，因为 script 标签不会参与渲染。至于 script 里的 js 代码会修改 DOM 结构，那都是 DOMContentLoaded 之后的事情了。