jquery read()与javascripts onload()之间的区别（原创）

最新推荐文章于 2025-08-22 19:09:26 发布

weixin_33989780

最新推荐文章于 2025-08-22 19:09:26 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/youa/blog/140118

本文对比了使用window.onload与jQuery(document).ready()两种方法在页面加载完成后的执行方式及效率。前者仅能定义一次并等待所有资源加载完毕，而后者可在DOM加载完成后立即执行，并支持多次调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

实际上，在以前大多数情况下，当我们需要用在页面完成后执行一些函数时，大家都会用javascript写一个window.onload的这样一个函数接口，而现在随着jquery的进入主流，我们习惯改变了，我们会采取 jQuery(document).read()的函数加载。那么他们两个之间的区别是什么呢，以下这是个人的一些理解。首先从方法的使用上来说，我们使用window.οnlοad=function(){}，一整个页面是只能使用一次的，两个则会引起冲突，所以我们只能使用一次，如果有多个函数需要加载的话，我们必须做这么写。

<!-- lang: js -->
window.onload=function(){function1();    function2();    function3(); function4();    }

当然现在如果使用jQuery的话我们不用这么集中的写在一起，因为read()函数时可以在同一个页面重复多次使用，并且正确加载出你最终要执行的所有函数

<!-- lang: js -->
 jQuery(document).read(function1()); jQuery(document).read(function2()); jQuery(document).read(function3());

当然也有执行效率的问题，准确的来说jQuery(document).read()执行早于window.οnlοad=function(),原因是window.onload要在加载完dom后还有继续加载其他相关资源，才去调用函数，而jQuery(document).read()函数则是只需要在dom加载完成后就执行，当然从字面上很容易理解一个是window对象加载完成后执行，一个是在document加载完后执行，document加载完后执行相当于我们在页面代码的最后面写了一个<script>function</script>的调用。

转载于:https://my.oschina.net/youa/blog/140118