jQuery中的read和JavaScript中的onload函数的区别在哪
在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()效果,并且这中方式将更快的展现网页内容。
-
网站设计首页要注意的事项
网站设计首页的时候要注意些什么?哪些是必须要注意的?下面就来和小编一起看看网站设计首页要注意的事项吧。1.用户友好性:提高首页的用户友好性,能够大大增加留住用户的可能性,更进一步的`话则是能提高用户的黏着度,取得良好的用户转化效益。而用户的友好性主要体...
-
HTML5教程:画布Canvas基础知识讲解
Canvas是HTML5最让人期待的特性之一,目前已获得大部分Web浏览器支持Canvas可以帮助创建游戏、增强图形用户界面。下面YJBYS小编为大家带来画布Canvas基础知识,希望对大家学习有所帮助!HTML5规范引进了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...
-
Dreamweaver跳转菜单的方法技巧介绍
什么是跳转菜单:跳转菜单是文档内的弹出菜单,对站点访问者可见,并列出链接到文档或文件的选项。可以创建到整个Web站点内文档的链接、到其它Web站点上文档的链接、电子邮件链接、到图形的链接,也可以创建到可在浏览器中打开的`任何文件类型的链接以下是小编为大家...
-
JavaScript数据结构与算法中集合的实现
集合(Set)说起集合,就想起刚进高中时,数学第一课讲的就是集合。因此在学习集合这种数据结构时,倍感亲切。集合的基本性质有一条:集合中元素是不重复的。因为这种性质,所以我们选用了对象来作为集合的容器,而非数组。虽然数组也能做到所有不重复,但终究过于繁琐,不如集...
相关文章
- 如何实现bootstrap jquery dataTable异步ajax刷新表格数据
- 关于javascript中encodeURI和decodeURI的使用方法
- JavaScript在Android的WebView中parseInt函数转换不正确
- whats your plan for dragon boat festival英语作文
- Should Private Cars Be Encouraged in China高中英语作文
- 英语阅读:VIT declines to acquire Ang Mo Kio property
- Javascript中设立对象的ReadOnly属性
- A Lifeguard at Johns Beach Saved a Drowning Child,A Lifeguar英语作文
- Jolie drops battle over perfume named Shilohy英语作文
- JQuery的ready函数与JS的onload区别详解