Dragon
主机之家测评主机之家测评  2019-08-26 01:16 主机之家测评 隐藏边栏 |   抢沙发  144 
文章评分 0 次,平均分 0.0

JQuery 中$(document).ready()方法的作用类似于传统 JavaScript 中的 window.onload 方法,都可以在网页加载完成后执行一些操作,不过这两种方法严格意义上来说还是有很大区别的,具体不同点如下:

1.执行时间不同

window.onload 必须等到页面内的所有元素()加载完毕后才能执行。

注:所有元素是指包括页面结构、内容及所有关联文件,如站内与站外的 js 与 css 文件、图片等。

$(document).ready()是页面 DOM 结构绘制完毕后就执行,不必等到加载完毕。 

注:DOM 结构回执完毕时网页的所有元素对 JQuery 而言都是可以访问的,但是,这并不意味着这些元素关联的文件都已经下载完毕。

2.执行次数不同

window.onload 不能同时执行多个,如果同一个页面上面有多个 window.onload 方法(包括关联 js 文件中),只会执行最后一个 window.onload,也就是向上覆盖。

$(document).ready()可以同时执行多个,如果同一个页面上有多个$(document).ready()方法(包括关联 js 文件中),JQuery 能够很好地处理这些情况,每次调用$(document).ready()方法都会在现有的行为上追加新的行为,这些行为函数会根据注册的顺序依次执行。

3.简化写法不同

window.onload 没有简化写法。

$(document).ready()有两种简化写法:$().ready(function)、$(function)。

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

发表评论

扫一扫二维码分享