window.onload和(document).ready(function(){})区别,今天有时间更到个人博客上,因为本人资历尚浅,若有不对的地方,还请指正。php
一、执行时间上的区别:window.onload必须等到页面内(包括图片的)全部元素加载到浏览器中后才能执行。而$(document).ready(function(){})是DOM结构加载完毕后就会执行。html
二、编写个数不一样:window.onload不能同时写多个,若是有多个window.onload,则只有最后一个会执行,它会把前面的都覆盖掉。$(document).ready(function(){})则不一样,它能够编写多个,而且每个都会执行。jquery
三、简写方法:window.onload没有简写的方法,(function(){})。面试
另外:因为在$(document).ready()方法内注册的事件,只要DOM就绪就会被执行,所以可能此时元素的关联文件未下载完,例如与图片有关的HTML下载完毕,而且已经解析为DOM树了,但颇有可能图片还未加载完毕,因此例如图片的高度和宽度这样的属性此时不必定有效。浏览器
要解决这个问题,可使用JQuery中另外一个关于页面加载的方法---load()方法。load()方法会在元素的onload事件中绑定一个处理函数。若是处理函数绑定在元素上,则会在元素的内容加载完毕后触发。如:$(window).load(function(){})=====window.onload = function(){}...函数
原文出自:www.php100.com/html/progra…htm