onload与ready的区别

最新推荐文章于 2022-06-08 22:07:04 发布

judas_jia

最新推荐文章于 2022-06-08 22:07:04 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScirpt 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/judas_jia/article/details/52759992

JavaScirpt 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了JavaScript中ready与onload事件的区别。ready事件确保DOM加载完成后即可执行相应操作，而onload则等待整个页面包括图片等资源完全加载。文章还提供了如何在页面上共享onload事件的方法。

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

（1）ready表示文档结构已经加载完成（不包含图片等非文字媒体文件），只是在所有的DOM加载完毕后就会触发，在jQuery中可利用多个jQuery.Ready( )方法，他们会按次序依次执行。
（2）onload指页面包含图片等文件在内的所有元素都加载完成。在onload中只能
window.onload=function()
{
a( );
b( );
}
所以ready在onload前加载
接下来说说共享onload事件的方法：
（1）

<span style="font-size:24px;">window.onload=function()
{
     firstFunction();
     secondFunction();

}</span>

(2)

<span style="font-size:24px;"><pre name="code" class="javascript">function addLoadEvent(func)
{
       var  oldload=window.onload;
       if(typeof(oldload)!='function')
      {
            window.onload=func;
      }
       else{
             oldload( );
             func( );
        }
}</span>