在Javascript中,onload
函数是最常用的,和儿童鞋,几乎参与了Javascript不能接触到它。这个函数的
功能是
等待页面加载,然后
执行该语句块中,因为在与
文档流的执行序列一致,通常在头部加载Javascript。
复制代码代码如下所示:
在window.onload =函数(){
当代码块加载加载页面后
};
jQuery中还有一个相应的函数,就是等待页面加载和执行代码块。
复制代码代码如下所示:
$(文档)Ready(函数(){)
当代码块加载加载页面后
});
这两个功能似乎相同,但实际
情况有很大的不同。
onload不仅是DOM树的构建后,也在所有外部资源的加载,和整个页面在
浏览器窗口中
显示。这些资源不仅包括图像资源,而且嵌入式Flash
网页上的
视频。如果有太多的
图片或flash,则需要较长的加载时间,这意味着将有更多的时间延迟执行代码块。
jQuery中的现成()
方法只需要等待文档结构被完全解析,浏览器已经将HTML
转换成DOM树。然后它将执行代码块。我们唯一注意到的是DOM,网页中的图片,flash和其他外部资源
都是无关的。
因此,可以看出jQuery中的就绪()方法将缩短等待时间。
当然,还有另一种将
脚本放在标签后面的方法。这样,Web页面按文档流
顺序执行。他们也可以在Javascript中实现()载或jQuery的效果,这种方式将网页内容的显示
速度。