jQuery入口函数
$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码
});
JavaScript入口函数
window.onload = function () {
// 执行代码
}
二者区别
- jQuery的入口函数是在html所有标签(DOM)都加载结束之后，就会去执行
- JavaScript的window.onload事件是等到所有内容，包括外部图片之类的文件加载完后才会执行。
window.onload和$(document).ready()的区别
执行机制：
- window.onload必须等网页全部加载完毕(包括图片等)，然后再执行包裹代码
- $(document).ready()只需要等网页中的DOM结构加载完毕，就能执行包裹的代码
执行次数 - window.onload只能执行一次，如果第二次，那么第一次的执行会被覆盖
- $(document).ready()可以执行多次，第N次都不会被上一次覆盖
