Jquery中的$(document).ready()和window.onload都是为了确保网页中的JavaScript脚本能够正确的执行,但是它们之间有着明显的区别。
$(document).ready()
$(document).ready()是在DOM结构加载完成后就立即执行,而不管是否加载完全部的图片和其它资源,这样可以提高网页的加载速度。
使用方法:
$(document).ready(function(){ //在这里写你要执行的代码 });
window.onload
window.onload是在整个页面的HTML代码,包括图片和其它资源都加载完成后才执行,这就意味着只有当页面中的所有元素都加载完毕后,才会执行window.onload中的代码。
使用方法:
window.onload = function(){ //在这里写你要执行的代码 };
$(document).ready()比window.onload更加高效,因为它不用等待所有的资源加载完毕,而是在DOM结构加载完成后就可以立即执行,而window.onload则需要等待页面所有资源加载完毕,才能够执行。