浅析$(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 的区别介绍,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
浅析Cookie中的Path与domain
Dec 18 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
Jun 05 Javascript
jQuery替换textarea中换行的方法
Jun 10 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
JS创建对象的写法示例
Nov 04 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
angular.js实现购物车功能
Oct 23 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
微信小程序实现点赞业务
Feb 10 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不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
Javascript Tab 导航插件 (23个)
2009/06/11 Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
在vue中根据光标的显示与消失实现下拉列表
2019/09/29 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
2020/08/11 Javascript
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
让 python 命令行也可以自动补全
2014/11/30 Python
Python接收Gmail新邮件并发送到gtalk的方法
2015/03/10 Python
python写日志封装类实例
2015/06/28 Python
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
python将txt文件读入为np.array的方法
2018/10/30 Python
python SVM 线性分类模型的实现
2019/07/19 Python
对于Python深浅拷贝的理解
2019/07/29 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
AmazeUI图片轮播效果的示例代码
2020/08/20 HTML / CSS
伦敦鲜花递送:Flower Station
2021/02/03 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
你懂得怎么写自荐信吗?
2013/12/27 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
2014年学校财务工作总结
2014/12/06 职场文书
运动会闭幕词
2015/01/28 职场文书
城管个人总结
2015/02/28 职场文书
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL