问题:原生JS的window.onload与Jquery的$(document).ready(function(){})有什么不同
window.onload()方法是必须等到页面内包括图片的所有元素加载完毕后才能执行。
window.onload()用于当页面的所有元素,包括外部引用文件,图片等都加载完毕时运行函数内的函数。load方法只能执行一次,如果在js文件里写了多个,只能执行最后一个。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
$(document).ready()和$(function(){})都是用于当页面的标准DOM元素被解析成DOM树后就执行内部函数。
这个函数是可以在js文件里多次编写的,对于多人共同编写的js就有很大的优势,因为所有行为函数都会执行到。
而且$(document).ready()函数在HMTL结构加载完后就可以执行,不需要等大型文件加载或者不存在的连接等耗时工作完成才执行,效率高。