浅析$(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 相关文章推荐
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
May 23 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
Sep 18 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
jQuery实现查找最近父节点的方法
Jun 23 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
jQuery生成假加载动画效果
Dec 01 Javascript
jQuery plugin animsition使用小结
Sep 14 jQuery
解决vue 中 echart 在子组件中只显示一次的问题
Aug 07 Javascript
浅谈ECMAScript 中的Array类型
Jun 10 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 Javascript
js实现限定区域范围拖拉拽效果
Nov 20 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禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
javascript encodeURI和encodeURIComponent的比较
2010/04/03 Javascript
jQuery)扩展jQuery系列之一 模拟alert,confirm(一)
2010/12/04 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
javascript操作excel生成报表示例
2014/05/08 Javascript
JavaScript获得指定对象大小的方法
2015/07/01 Javascript
如何判断出一个js对象是否一个dom对象
2016/11/24 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
如何在Vue.js中实现标签页组件详解
2019/01/02 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
vue3.0中使用element的完整步骤
2021/03/04 Vue.js
python和bash统计CPU利用率的方法
2015/07/10 Python
Python与R语言的简要对比
2017/11/14 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
Python实现的读取电脑硬件信息功能示例
2018/05/30 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
英文简历中的自荐信范文
2013/12/14 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
安全协议书范本
2014/04/21 职场文书
倡议书范文格式
2014/05/12 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书
歼十出击观后感
2015/06/11 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
Python函数中apply、map、applymap的区别
2021/11/27 Python
linux下安装redis图文详细步骤
2021/12/04 Redis
yyds什么意思?90后已经听不懂00后讲话了……
2022/02/03 杂记
PYTHON InceptionV3模型的复现详解
2022/05/06 Python