Jquery中$(document).ready()和window.onload之间的区别

分类:知识百科 日期: 点击:0

Jquery中的$(document).ready()和window.onload都是为了确保网页中的JavaScript脚本能够正确的执行,但是它们之间有着明显的区别。

$(document).ready()

$(document).ready()是在DOM结构加载完成后就立即执行,而不管是否加载完全部的图片和其它资源,这样可以提高网页的加载速度。

使用方法:

$(document).ready(function(){
    //在这里写你要执行的代码
});

window.onload

window.onload是在整个页面的HTML代码,包括图片和其它资源都加载完成后才执行,这就意味着只有当页面中的所有元素都加载完毕后,才会执行window.onload中的代码。

使用方法:

window.onload = function(){
    //在这里写你要执行的代码
};

$(document).ready()比window.onload更加高效,因为它不用等待所有的资源加载完毕,而是在DOM结构加载完成后就可以立即执行,而window.onload则需要等待页面所有资源加载完毕,才能够执行。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。