当前位置:主页 > jquery教程 > jQuery中read和JavaScript中的onload函数知识点详解

jQuery中read和JavaScript中的onload函数的区别总结

发布:2019-11-12 14:45:38 63


为网友们分享了相关的编程文章,网友弘高扬根据主题投稿了本篇教程内容,涉及到jQuery、read、JavaScript、onload、区别、jQuery中read和JavaScript中的onload函数知识点详解相关内容,已被821网友关注,相关难点技巧可以阅读下方的电子资料。

jQuery中read和JavaScript中的onload函数知识点详解

在JavaScript中,onload函数是最经常使用的,几乎涉及到JavaScript的童鞋都少不了要接触它。这个函数的作用就是等待网页完全装载完了以后再去执行代码块内的语句,因为按照文档流的执行顺序,通常用于头部加载JavaScript的时候需要用到。


window.onload = function(){
    // 当网页加载完成后执行这里的代码块
};

而在jQuery中也有一个对应的函数,即等待网页加载完后执行代码块
 

$(document).ready(function(){
    // 当网页加载完成后执行这里的代码块    
});

 

以上这两个看似一样的功能,但实际有很大的区别。

onload不仅在创建DOM树之后,而且在所有外部资源全部加载完毕,并且整个页面在浏览器窗口中显示完毕之后,才会执行。这些资源不仅包括图片资源,而且包括嵌入在页面上的flash视频,如果图片或者flash过多,那么会一段很长加载时间,也就意味这延迟执行代码块的时间会更多。

jQuery中的ready()方法只需要等待文档结构被完全解析并且浏览器已经把HTML转化为DOM树后就会执行代码块,这里注意的是仅仅是DOM,网页中的图片,flash等外部资源都毫无关联。

由此可见jQuery中的ready()方法将缩短等待时间。

当然还有另外一种方式,就是把脚本都在<body>标签后面,这样的话网页按照文档流顺序执行,也会达到JavaScript中onload或者jQuery中ready()效果,并且这中方式将更快的展现网页内容。


参考资料

相关文章

  • JavaScript实现换肤功能实例代码

    发布:2019-12-18

    js换肤功能的实现原理非常简单,就是使用js切换对应的css样式表文件,本文重点给大家介绍JavaScript实现换肤功能,感兴趣的朋友参考下吧


  • jQuery链式调用与show的知识点分析

    发布:2020-01-15

    这篇文章主要介绍了jQuery的XX如何实现?——2.show与链式调用 的相关资料,非常具有参考借鉴价值,感兴趣的朋友一起学习吧


  • jQuery学习笔记(4)--怎样从Jquery获取table中列值

    发布:2020-01-13

    由于要获取某列中的一个ID值,如果用JS传值的方式此问题就不存在,由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得


  • jQuery实现弹幕效果的代码

    发布:2020-01-17

    精彩的弹幕效果分享给大家,具有一定的参考价值,感兴趣的朋友可以尝试制作弹幕,具体内容如下


  • 在jQuery中如何改变P标签文本值

    发布:2020-02-05

    下面小编就为大家分享一篇jQuery 改变P标签文本值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • JavaScript的jQuery库中表单转化为JSON对象的实例代码

    发布:2020-01-13

    这篇文章主要介绍了将JavaScript的jQuery库中表单转化为JSON对象的方法,包括对序列化时空格问题的处理方法,需要的朋友可以参考下


  • JavaScript错误处理和堆栈追踪详解

    发布:2022-06-23

    给网友们整理关于JavaScript的教程,这篇文章主要为大家详细介绍了JavaScript错误处理和堆栈追踪的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Pthread并发编程之线程基本元素和状态的剖析

    发布:2023-03-09

    本篇文章主要给大家介绍pthread并发编程当中关于线程的基础概念,并且深入剖析进程的相关属性和设置,以及线程在内存当中的布局形式,帮助大家深刻理解线程


网友讨论