编程 Javascript

浅析$(function) ready和onload 的区别

Posted in Javascript onSeptember 03, 2016

新手接触javascript、jquery的时候不可避免的要接触题目所标识的相关内容，反复看过几次一到用的时候总是不踏实，写此文以记之。

符号“$”是jquery对象(个人这样理解，拥有函数的用法)。接着知道下面的一个等式，功能性能上是完全一致的。

$(function(){ /*do some thing*/ }) = $(document).ready(function(){/* do some thing */}) = $().ready(function(){ /* do some thing */ });

上面是jquery中的东西，接着说下原生javascript中的，有window.onload和<body onload=""> 这两个，是存在一定区别的，使用匿名函数以及非匿名函数等会有不同，我暂时用不到所以没有做试验，网上是众说纷纭，不一致。但是onload与jquery中的ready是不同的，这里面说下：

一个是次数不同，$().ready()在一个一个html中可以使用多次，onload只能使用一次或者说有效绑定只能是唯一的一个。

另一个是执行时机的不同，简单讲$()执行的时机要早于onload，因为$()只要在DOM树加载完成就执行，onload要在全部的元素加载完成执行。

以上所述是小编给大家介绍的$(function) ready和onload 的区别介绍，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对三水点靠木网站的支持！

浅析$(function) ready和onload 的区别

- Author -

wildfox

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

运用JQuery的toggle实现网页加载完成自动弹窗

Mar 18 Javascript

jQuery+AJAX实现网页无刷新上传

Feb 22 Javascript

使用jQuery5分钟快速搞定双色表格的简单实例

Aug 08 Javascript

Laravel中常见的错误与解决方法小结

Aug 30 Javascript

JS使用正则截取两个字符串之间的字符串实现方法详解

Jan 06 Javascript

Vue.js 中的 $watch使用方法

May 25 Javascript

vue教程之toast弹框全局调用示例详解

Aug 24 Javascript

Angular实现预加载延迟模块的示例

Oct 12 Javascript

使用vue-router beforEach实现判断用户登录跳转路由筛选功能

Jun 25 Javascript

jQuery实现动态添加和删除input框代码实例

Mar 29 jQuery

vue实现直播间点赞飘心效果的示例代码

Sep 20 Javascript

vue quill editor 使用富文本添加上传音频功能

Jan 14 Javascript

详解Javascript中prototype属性(推荐)

Sep 03 #Javascript

jQuery基本选择器之标签名选择器

Sep 03 #Javascript

基于JS实现回到页面顶部的五种写法(从实现到增强)

Sep 03 #Javascript

jQuery dataTables与jQuery UI 对话框dialog的使用教程

Sep 02 #Javascript

AngularJs unit-testing（单元测试）详解

Sep 02 #Javascript

AngularJs Managing Service Dependencies详解

Sep 02 #Javascript

AngularJs Injecting Services Into Controllers详解

Sep 02 #Javascript

You might like

php中使用key,value,current,next和prev函数遍历数组的方法

2015/03/17 PHP

php使用标签替换的方式生成静态页面

2015/05/21 PHP

php封装的page分页类完整实例

2016/10/18 PHP

PHP时间处理类操作示例

2018/09/05 PHP

javascript 播放器控制

2007/01/22 Javascript

JQuery 自定义CircleAnimation，Animate方法学习笔记

2011/07/10 Javascript

javascript中的onkeyup和onkeydown区别介绍

2013/04/28 Javascript

jquery win 7透明弹出层效果的简单代码

2013/08/06 Javascript

jQuery插件实现表格隔行换色且感应鼠标高亮行变色

2013/09/22 Javascript

jquery实现用户打分评分特效

2015/05/28 Javascript

JavaScript实现自动消除按钮功能的方法

2015/08/05 Javascript

一些实用性较高的js方法

2016/04/19 Javascript

详解JavaScript中this关键字的用法

2016/05/26 Javascript

JS实现页面打印功能

2017/03/16 Javascript

Angular.js中angular-ui-router的简单实践

2017/07/18 Javascript

js 取消页面可以选中文字的功能方法

2018/01/02 Javascript

JS实现用特殊符号替换字符串的中间部分区域的实例代码

2018/07/24 Javascript

浅谈JavaScript窗体Window.ShowModalDialog使用

2020/07/22 Javascript

[42:35]2018DOTA2亚洲邀请赛3月30日小组赛A组 VG VS OpTic

2018/03/31 DOTA

示例详解Python3 or Python2 两者之间的差异

2018/08/23 Python

python实现旋转和水平翻转的方法

2018/10/25 Python

Python 控制终端输出文字的实例

2019/07/12 Python

Python 实现opencv所使用的图片格式与 base64 转换

2020/01/09 Python

Python如何把多个PDF文件合并代码实例

2020/02/13 Python

美国知名的女性服饰品牌：LOFT（洛芙特）

2016/08/05 全球购物

精油和天然健康美容产品：Art Naturals

2018/01/27 全球购物

给学校的建议书

2014/03/12 职场文书

如何写好自荐信

2014/04/07 职场文书

《荷花》教学反思

2014/04/16 职场文书

跳槽求职信范文

2014/05/26 职场文书

环境卫生工作汇报材料

2014/10/28 职场文书

2015年宣传工作总结

2015/04/08 职场文书

2015年感恩父亲节活动策划方案

2015/05/05 职场文书

九年级英语教学反思

2016/02/15 职场文书

Pytorch中Softmax和LogSoftmax的使用详解

2021/06/05 Python

MySQL派生表联表查询实战过程

2022/03/20 MySQL