【Javascript&Jquery基础归纳】- 加载相关

1.window.onload

　　必须等到Dom所有元素、包括图片加载完毕后加载，只能编写一个。

2.$(document).ready()

DOM结构加载完毕后马上执行，并且可以编写多个。

　　简写：$(function(){·····});

　　注意事项：

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)

　　　　　　　　{·····}

　　　 　});

　　　　});