编程 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 相关文章推荐

项目实践之javascript技巧

Dec 06 Javascript

利用javascript解决图片缩放及其优化的代码

May 23 Javascript

javascript学习笔记(二) js一些基本概念

Jun 18 Javascript

JavaScript对Cookie进行读写操作实例

Jul 25 Javascript

JavaScript如何实现在文本框(密码框)输入提示语

Dec 25 Javascript

javascript中select下拉框的用法总结

Jan 07 Javascript

微信小程序表单验证功能完整实例

Dec 01 Javascript

element-ui table行点击获取行索引（index）并利用索引更换行顺序

Feb 27 Javascript

支付宝小程序实现省市区三级联动

Jun 21 Javascript

Vue如何循环提取对象数组中的值

Nov 18 Vue.js

前端 javascript 实现文件下载的示例

Nov 24 Javascript

js实现扫雷源代码

Nov 27 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获取文件后缀名的三个函数

2012/10/15 PHP

php set_time_limit()函数的使用详解

2013/06/05 PHP

Session的工作机制详解和安全性问题（PHP实例讲解）

2014/04/10 PHP

ThinkPHP3.1新特性之命名范围的使用

2014/06/19 PHP

对PHP新手的一些建议(PHP学习经验总结)

2014/08/20 PHP

PHP实现的简易版图片相似度比较

2015/01/07 PHP

PHP读取汉字的点阵数据

2015/06/22 PHP

PHP中Session和Cookie是如何操作的

2015/10/10 PHP

4种PHP异步执行的常用方式

2015/12/24 PHP

动态样式类封装JS代码

2009/09/02 Javascript

jquery、js操作checkbox全选反选

2014/03/12 Javascript

对 jQuery 中 data 方法的误解分析

2014/06/18 Javascript

JavaScript中停止执行setInterval和setTimeout事件的方法

2015/05/14 Javascript

javascript函数特点实例分析

2015/05/14 Javascript

jquery实现的代替传统checkbox样式插件

2015/06/19 Javascript

js实现商城星星评分的效果

2015/12/29 Javascript

js调用父框架函数与弹窗调用父页面函数的简单方法

2016/11/01 Javascript

JS对象深度克隆实例分析

2017/03/16 Javascript

详解Node.js 命令行程序开发教程

2017/06/07 Javascript

jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法

2018/01/18 jQuery

Vue.set()动态的新增与修改数据,触发视图更新的方法

2018/09/15 Javascript

微信小程序登录按钮遮罩浮层效果的实现方法

2018/12/16 Javascript

vue制作抓娃娃机的示例代码

2020/04/17 Javascript

vue实现购物车案例

2020/05/30 Javascript

vue watch监控对象的简单方法示例

2021/01/07 Vue.js

详解Python中的循环语句的用法

2015/04/09 Python

Python中的取模运算方法

2018/11/10 Python

Python 项目转化为so文件实例

2019/12/23 Python

python 操作mysql数据中fetchone()和fetchall()方式

2020/05/15 Python

工程师岗位职责规定

2014/02/26 职场文书

2014年市场部工作总结

2014/11/25 职场文书

2014年保育员个人工作总结

2014/12/02 职场文书

超详细Python解释器新手安装教程

2021/05/10 Python

MySQL中一条update语句是如何执行的

2022/03/16 MySQL

python+pytest接口自动化之token关联登录的实现

2022/04/06 Python

Win11 BitLocker 驱动器加密

2022/04/19 数码科技