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

2019独角兽企业重金招聘Python工程师标准>>>

在JavaScript中，onload函数是最经常用到的，这个函数的作用是等待网页完全加载之后再去执行代码块中的语句，因为按照文档的执行顺序，通常用于头部加载JavaScript的时候用到。

代码：

window.onload = function(){

// 当网页加载完成之后执行此处

}

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

代码：

$(document).ready(function(){
// 当网页加载完成后执行此处

}

上面两个方法看着功能一样，实则不然。

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

jQuery中ready方法只需等待文档结构完全解析并且浏览器已经把HTML转化成DOM树之后就会执行代码块，与外部资源如图片或者flash等无关。

由此可见jQuery中的ready方法将比JavaScript中的onload方法缩短等待时间。

转载于:https://my.oschina.net/yexiaofeng/blog/1819089

jQuery中的read 和JavaScript中的onload函数的区别相关推荐

C语言中的带参宏和带参函数的区别
C语言中的带参宏和带参函数的区别 (1) 带参函数中的形参是变量,因此有类型检查.而带参宏只是简单的字符串替换. (2) 从程序执行的过程来看,带参宏是在预处理阶段被预处理器处理的.而带参函数是在程序 ...
html语言中加当前时间,javascript中怎么获取当前时间？
在web开发中,通过js获取时间非常的常用.下面本篇文章就来给大家介绍一下使用javascript获取当前时间的方法,希望对大家有所帮助. 在javascript中可以使用Date对象中的Date() ...
html中的js作用,javascript中的innerHTML属性有什么作用
innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去. 定义和用法 innerHTML属性用于设置或返回指定标签之间 ...
javascript 无法修改数组中对象_谈谈JavaScript中对象建立(Object)
在这篇文章中我将会着重说明如何创建JavaScript里的对象(Object). 对象(Object)是什么? 在开始介绍如何创建对象前,我们要知道对象是什么.对象(Object)简单地来说,就是一堆 ...
java中typeof_深入剖析JavaScript中的数据类型判断(typeof instanceof prototype.constructor)...
关于JavaScript中的类型判断,我想大部分JavaScripter 都很清楚 typeof 和 instanceof,却很少有人知道 constructor,以及constructor与前面二 ...
html中this的作用,JavaScript 中的 this ：工作原理和陷阱
在 JavaScript 中,this 是一个相对难懂的特殊变量.因为它随处可用,而不仅仅是面向对象的编程中.本文将解释 this 是如何工作的,以及它可能导致问题的地方,并在文章的给出最佳实践. 为 ...
php中.=是什么意思,javascript中$符号是什么意思？
javascript中$符号是什么意思?下面本篇文章就来给大家介绍一下在javascript中$符号是代表什么意思的,希望对大家有所帮助. $符号在php中是表示变量的特征字符, 在js中它也有很多作 ...
jquery中的ready方法和window的onload方法的区别
jquery中的ready方法和window.onload的区别区别 jquery的ready方法在网页中的DOM结构加载完成后执行.window.onload()必须等到网页全部加载完毕(包括图片 ...
在javascript中使用java_在JavaScript中使用Java
12.3 在JavaScript中使用Java 利用JavaScript可以把Java语言的小应用程序(applet),插件以及包括表单.超级链接和图象在内的各种Web元素有机地联系起来. Java ...

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

jQuery中的read 和JavaScript中的onload函数的区别相关推荐

最新文章

热门文章

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

jQuery中的read 和JavaScript中 的onload函数的区别相关推荐

最新文章

热门文章

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

jQuery中的read 和JavaScript中的onload函数的区别相关推荐