jQuery中的read和JavaScript中的onload函数的区别在哪
来源:才华咖 本文已影响3.07W人
来源:才华咖 本文已影响3.07W人
在JavaScript中,onload函数是最经常使用的,几乎涉及到JavaScript的童鞋都少不了要接触它。这个函数的作用就是等待网页完全装载完了以后再去执行代码块内的语句,因为按照文档流的执行顺序,通常用于头部加载JavaScript的`时候需要用到。
复制代码 代码如下:
ad = function(){
// 当网页加载完成后执行这里的代码块
};
而在jQuery中也有一个对应的函数,即等待网页加载完后执行代码块
复制代码 代码如下:
$(document)y(function(){
// 当网页加载完成后执行这里的代码块
});
以上这两个看似一样的功能,但实际有很大的区别。
onload不仅在创建DOM树之后,而且在所有外部资源全部加载完毕,并且整个页面在浏览器窗口中显示完毕之后,才会执行。这些资源不仅包括图片资源,而且包括嵌入在页面上的flash视频,如果图片或者flash过多,那么会一段很长加载时间,也就意味这延迟执行代码块的时间会更多。
jQuery中的ready()方法只需要等待文档结构被完全解析并且浏览器已经把HTML转化为DOM树后就会执行代码块,这里注意的是仅仅是DOM,网页中的图片,flash等外部资源都毫无关联。
由此可见jQuery中的ready()方法将缩短等待时间。
当然还有另外一种方式,就是把脚本都在标签后面,这样的话网页按照文档流顺序执行,也会达到JavaScript中onload或者jQuery中ready()效果,并且这中方式将更快的展现网页内容。
有关JavaScript中的prototype.bind()方法介绍
JavaScript中null和undefined的异同
Diaspora Finance Powers Global Development美文欣赏
Should Private Cars Be Encouraged in China高中英语作文
whats your plan for dragon boat festival英语作文
Jolie drops battle over perfume named Shilohy英语作文
英语阅读:Covergirl unveils empowering brand update
如何理解Javascript的caller,callee,call,apply区别
英语阅读:VIT declines to acquire Ang Mo Kio property
如何实现bootstrap jquery dataTable异步ajax刷新表格数据
A Lifeguard at Johns Beach Saved a Drowning Child,A Lifeguar英语作文
《You Cant Judge a William by Its Cover》英语美文欣赏
浅析jQuery 遍历函数javascript
javascript中的return和闭包函数
,javascript break和continue区别
2021中秋节的别称有哪些
高中生优秀英语作文:Have a break away from electronics
java的String=a; a==null和a.equals(null)这两个判断有什么区别
如何理解Javascript的caller,callee,call,apply区别
江和河的区别在哪里
如何理解Javascript的caller,callee,call,apply区别
如何理解Javascript的caller,callee,call,apply区别
java.util.ArrayDeque类使用方法介绍
如何理解Javascript的caller,callee,call,apply区别
如何理解Javascript的caller,callee,call,apply区别
jQuery解析XML与传统JavaScript方法的差别
如何理解Javascript的caller,callee,call,apply区别
Chinas Liu to seek injury advice in US soon英语作文
“Does Pressure Equal Motivation?”高中英语作文范文
初三年级英语课文复习 Unit 1. Try not to translate every word
Dreamweaver中JavaScript行为操作
选调生和公务员的区别在哪里
如何理解Javascript的caller,callee,call,apply区别
jQuery中的read和JavaScript中的onload函数的区别在哪
Dreamweaver中JavaScript行为操作使用的总结
Java中break、continue、return语句的使用区别对比
Java中break、continue、return语句的使用区别对比介绍
如何理解Javascript的caller,callee,call,apply区别
如何理解Javascript的caller,callee,call,apply区别
如何理解Javascript的caller,callee,call,apply区别