浅析$(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 相关文章推荐
JQuery1.6 使用方法三
Nov 23 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
js获取class的所有元素
Mar 28 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
May 10 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
jquery实现手机端单店铺购物车结算删除功能
Feb 22 Javascript
详解Node项目部署到云服务器上
Jul 12 Javascript
利用vscode调试编译后的js代码详解
May 14 Javascript
浅谈vue父子组件怎么传值
Jul 21 Javascript
了不起的11个JavaScript代码重构最佳实践小结
Jan 11 Javascript
vue浏览器返回监听的具体步骤
Feb 03 Vue.js
详解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
星际争霸秘籍
2020/03/04 星际争霸
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
jQuery 使用手册(五)
2009/09/23 Javascript
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
js实现简单的网页换肤效果
2017/01/18 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
laypage.js分页插件使用方法详解
2019/07/27 Javascript
Django中的forms组件实例详解
2018/11/08 Python
python如何爬取网站数据并进行数据可视化
2019/07/08 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
pandas的to_datetime时间转换使用及学习心得
2019/08/11 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
Mountain Warehouse澳大利亚官网:欧洲家庭户外品牌倡导者
2016/11/20 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
高校教师岗位职责
2014/03/18 职场文书
委托公证书
2014/04/08 职场文书
土建工程师岗位职责
2014/06/10 职场文书
写给老婆的保证书
2015/02/27 职场文书
2015年城市管理工作总结
2015/05/23 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
总结一些Java常用的加密算法
2021/06/11 Java/Android