1.window.onloadhtml
必须等到Dom全部元素、包括图片加载完毕后加载,只能编写一个。框架
2.$(document).ready()函数
DOM结构加载完毕后立刻执行,而且能够编写多个。this
简写:$(function(){·····});spa
注意事项:htm
1>.使用时候,获取图片高度之类的属性可能由于还未加载高度等属性不必定能获取到,出现这种状况能够使用Jquery另一个方法Load();对象
Load() 方法会在元素的 onload 事件中绑定一个处理函数。若是处理函数绑定给 window 对象,则会在全部内容 ( 包括窗口、框架、对象和图像等 ) 加载完毕后触发,若是处理函数绑定在元素上,则会在元素的内容加载完毕后触发。事件
2>.在IE中:图片
IE只有在页面不是嵌入frame中的状况下才和Firefox等同样,先执行$(document).ready()的内容,再执行原来的onload方法。对于嵌入frame中的页面,也只是绑定在load事件上执行,因此天然是在原来的onload绑定的方法执行以后才轮到。文档
3.$(window).load(function(){})
是对于一些特殊应用,好比图片的放大缩小,图片的剪裁。须要网页全部的内容加载完毕后才执行的呢?使用$(window).load()方法,这个方法会等到页面全部内容加载完毕后才会触发,而且同时又没有OnLoad事件的弊端.
$("body").load("test.html #a"); 只取test.html文档中ID为#a的元素
例子:
$(window).load(function(){
$('#img01').load(fucntion{
if( $(this).height>100)
{·····}
});
});