文档章节

jquery read()与javascripts onload()之间的区别(原创)

党程V
 党程V
发布于 2013/06/24 11:03
字数 343
阅读 449
收藏 6

实际上,在以前大多数情况下,当我们需要用在页面完成后执行一些函数时,大家都会用javascript写一个window.onload的这样一个函数接口,而现在随着jquery的进入主流,我们习惯改变了,我们会采取 jQuery(document).read()的函数加载。那么他们两个之间的区别是什么呢,以下这是个人的一些理解。 首先从方法的使用上来说,我们使用window.onload=function(){},一整个页面是只能使用一次的,两个则会引起冲突,所以我们只能使用一次,如果有多个函数需要加载的话,我们必须做这么写。

<!-- lang: js -->
window.onload=function(){function1();    function2();    function3(); function4();    }

当然现在如果使用jQuery的话我们不用这么集中的写在一起,因为read()函数时可以在同一个页面重复多次使用,并且正确加载出你最终要执行的所有函数

<!-- lang: js -->
 jQuery(document).read(function1()); jQuery(document).read(function2()); jQuery(document).read(function3()); 

当然也有执行效率的问题,准确的来说jQuery(document).read()执行早于window.onload=function(),原因是window.onload要在加载完dom后还有继续加载其他相关资源,才去调用函数,而jQuery(document).read()函数则是只需要在dom加载完成后就执行,当然从字面上很容易理解一个是window对象加载完成后执行,一个是在document加载完后执行,document加载完后执行相当于我们在页面代码的最后面写了一个<script>function</script>的调用。

© 著作权归作者所有

党程V
粉丝 5
博文 20
码字总数 9126
作品 0
西安
高级程序员
私信 提问
从Asset Packager升级到Assets Pipeline

最近做的一个项目是把一个原来 Rails 2 的网站升级到 Rails 3.2。 这个 project 里面用到了Asset Packager 来管理 Javascript 文件。Rails 3.1 开始采用 Assets Pipeline 来管理 Javascript...

绿海荡舟
2012/12/14
0
0
jQuery精选面试题及答案

1、jQuery的美元符号$有什么作用? 回答:其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码: Html代码 $(document).ready(function(){ }); 当然你也可以用jQuery来代替$,...

西来飞鸿
2014/09/23
0
2
浅谈在rails上使用jQuery的套件-jrails

jrails - jQuery On Rails , 顧名思義,就是讓jQuery可以在rails上使用,但是因為rails預設是使用Prototype在運作javascript,所以如果想使用jQuery,就可以安裝這個jrails套件. 目前jrails套...

绿悠悠
2010/10/20
887
0
jquery $(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕...

_xiaotudou
2014/04/23
0
0
Odoo 自定义Widgets 基础教程(章节1)

大家好, 此次,我们主要讲解 Odoo 中的Widgets。 网上、论坛里很多提及Widget的文章,但很少说Odoo自定义Widget 是如何实现的,这一直是大家所苦恼的地方。本章,将对Odoo中的Widget 进行基...

asdasasas
2018/07/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

IT兄弟连 Java语法教程 编写Java源代码

现在我们来一步一步的编写第一个Java程序,鼎鼎大名的“HelloWorld”。 编写Java源代码 编写Java源代码可以使用任何无格式的文本编辑器,在Windows操作系统上可以使用记事本、Edit Plus等程序...

老码农的一亩三分地
29分钟前
2
0
JavaScript箭头函数中的this详解

前言 箭头函数极大地简化了this的取值规则。 普通函数与箭头函数 普通函数指的是用function定义的函数: var hello = function () {console.log("Hello, Fundebug!");} 箭头函数指的是用...

开元中国2015
40分钟前
2
0
ETL测试工具简介

ETL测试 ETL测试过程与其他测试过程类似,包括一些阶段。 确定业务需求 测试计划 设计测试用例和测试数据 测试执行和错误报告 总结报告 测试结束 ETL测试的类型 生产验证测试: 也称为表平衡...

python测试开发人工智能安全
52分钟前
3
0
OSChina 周四乱弹 —— 不能空腹吃早餐

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @for_ :#今日歌曲推荐# 很好听的钢琴曲,节奏简单,有一点伤感。分享Fabrizio Paterlini的单曲《Veloma》: 《Veloma》- Fabrizio Paterlini ...

小小编辑
今天
1K
17
探讨android更新UI的几种方法

作为IT新手,总以为只要有时间,有精力,什么东西都能做出来。这种念头我也有过,但很快就熄灭了,因为现实是残酷的,就算一开始的时间和精力非常充足,也会随着项目的推进而逐步消磨殆尽。我...

天王盖地虎626
今天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部