一般情况先一个页面响应加载的顺序是：域名解析-加载html-加载js和css-加载图片等其他信息。 ~~~ 1.HTML解析完毕； 2.外部脚本和样式加载完毕； 3.脚本在文档内解析并执行； 4.HTML DOM完全构造起来； 5.图片和外部内容加载； 6.网页完成加载。 ~~~ DOM结构加载后便触发 ``` //javascript DOMContentLoaded DOM树构建完成时触发事件(IE没有此事件)不再举例 //jquery： $(document).ready() $(function(){}) ``` 页面加载完成后触发 >[danger]指示页面包含图片等文件在内的所有元素都加载完成。  所以我们要点击图片触发事件等就需要用到lond方法 ``` //javascript window.onload = function(){}; //jquery废弃: $(window).load(function (){         // 编写代码  高版本已经废弃  }); //jquery$(window).load(）新写法 $(window).on('load', function(){ ...}); ```