我们首先来说下window.onload = function(){ ... } .
访问Html文档的元素,必须先加载文档对象模型<传说中Dom>。当window.onload()执行的时候,说明所有的东西已经载入,包括图像和横幅等等。加载图片下载速度会比较慢,用户必须在下载完成后才能看到window.onload()执行的代码效果,花费了很长的时间
对于jQuery的ready事件:
$(document).ready(function(){
// 你的代码
});
$(document)代表的意思是获取网页文档对象,$(document).ready意思是文档对象就绪的时候
上面的这段代码的意思是检查文档对象直到它能够被允许被操作(和window.onload的不同是:它不需要等待所有的文档对象内容都加载完成,它只要求文档对象允许被操作),就执行function匿名函数内容
补充内容:1、确保<body>元素的onload事件中没有注册函数,否则ready将不会被触发
2、在同一个页面里可以无限使用$(document).ready()事件,其中注册的函数将会按照代码中位置被执行