onload 事件
定义和用法 onload 事件会在页面或图像加载完成后立即发生。
语法
onload=”SomeJavaScriptCode”
参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。
支持该事件的 HTML 标签：
<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支持该事件的 JavaScript 对象：
image, layer, window
window.onload
什么时候触发？
在文档加载完成后能立即触发
window.onload 的用法
页面中的代码一般情况下按照，从上到下，从左到右的顺序执行。所以当 js 代码需要获取页面中的元素时，如果 script 标签在元素的前面，需要加 window.onload；如果 script 放在了元素后面，就不需要加 window.onload。
DOMContentLoaded
什么时候触发？
初始的 HTML 文档被完全加载和解析完成之后，（浏览器 DOM 树形成之后）而无需等待样式表、图像和子框架的完成加载。但是必须等待其所属 script 之前的样式表加载解析完成才会触发
用法 jQuery 中经常使用的 $(document).ready(function() {// … 代码 …}); 其实监听的就是 DOMContentLoaded 事件
二者区别详解
看这里