当前位置: 首页 > 编程笔记 >

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

郑宇
2023-03-14
本文向大家介绍jQuery中的read和JavaScript中的onload函数的区别,包括了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反序列化上述String并返回哈希值? 例如, 参考:。 问题答案: 您应该使用jQuery BBQ的deparam函数。经过充分测试和记录。

  • 问题内容: 我有以下Jquery回调函数,对此我有点怀疑(我不太了解Jquery): 如您所见,该函数只需向后端执行AJAX请求,并为此请求设置参数即可。 我已设置为将请求发送到URL,该请求是POST请求,并且要发送的数据为以下字符串: “ barapple” 我很难理解 contentType* 和 dataType有 什么区别 * 我认为 contentType 指定了HTTP响应中可接受的

  • 本文向大家介绍jQuery中的jQuery.map()和jQuery.grep()函数有什么区别?,包括了jQuery中的jQuery.map()和jQuery.grep()函数有什么区别?的使用技巧和注意事项,需要的朋友参考一下 jQuery map函数将jQuery对象中的一组元素转换为jQuery数组中可能包含或不包含元素的另一组值。该函数用于查找数组的元素。区别在于我们使用$.grep过滤

  • 问题内容: 我有这个iframe使用基本的JavaScript: 当iframe的内容已加载时,该方法会触发该方法。 如何在Angular中做同样的事情?我想在加载iframe时在控制器上调用一个函数,但到目前为止我还没有看到。 问题答案: 尝试将控制器中的函数定义为:

  • 本文向大家介绍小程序中的onLoad和onShow有什么区别?相关面试题,主要包含被问及小程序中的onLoad和onShow有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 onload:页面加载时触发,从二级页面回来时不会触发。onshow:当小程序启动,或从后台进入前台显示,会触发 onshow,从二级页面回来时也会触发。

  • 本文向大家介绍JavaScript中的匿名函数和内联函数有什么区别?,包括了JavaScript中的匿名函数和内联函数有什么区别?的使用技巧和注意事项,需要的朋友参考一下 匿名函数 顾名思义,匿名允许创建没有任何名称标识符的函数。它可以用作其他函数的参数。这就是可以使用JavaScript匿名函数的方式- 另一个示例可以如下- 内联函数 一个内联 函数是一个javascript函数,其被分配给在运