说明：页面存在javascript 脚本的情况下，会产生js脚本和dom元素加载顺序冲突的问题。如果顺序处理不当，则会造成页面混乱和达不到预期的代码效果。

1.html DOM加载顺序

HTML解析完毕

外部脚本和样式加载完毕

脚本在文档中解析并执行

html dom 完全构造起来

图片和外部内容加载

网页加载完成

2.javascript 执行最好的时机

如上所述，javascript在head中时先于dom元素加载执行的；这样往往会造成无法控制dom元素。

addEvent(window,"load",function(){
//to do something
});
window.onload = function(){
//to do something
}

这两种写法是在dom元素、图片和外部内容全部加载之后触发的，缺点在于，如果图像等元素加载慢或者文件较大，则会产生延迟较重的效果；

3.jquery 的处理

$(function(){
//to do something
});

jquery 的处理很聪明，它的执行在于dom结构加载完成后，图片和其他元素加载之前执行；

 

 

小结：在某个项目中由于要计算某div中图片加载完成后的height.所以不得以使用了第二种方法。