浅析$(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 live( type, fn ) 委派事件实现
Oct 11 Javascript
jQuery 常见开发使用技巧总结
Dec 26 Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
Dec 06 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
form.submit()不能提交表单的原因分析
Oct 23 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
webpack 2的react开发配置实例代码
Jul 28 Javascript
Angular5.1新功能分享
Dec 21 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
Jul 19 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
PHP5中的this,self和parent关键字详解教程
2007/03/19 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
js页面跳转常用的几种方式
2010/11/25 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
jquery对单选框,多选框,文本框等常见操作小结
2014/01/08 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
JS实现购物车特效
2017/02/02 Javascript
JavaScript实现翻页功能(附效果图)
2017/02/16 Javascript
jQuery中绑定事件bind() on() live() one()的异同
2017/02/23 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
python使用cookie库操保存cookie详解
2014/03/03 Python
python网络编程之读取网站根目录实例
2014/09/30 Python
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
Python os模块常用方法和属性总结
2020/02/20 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
罗马尼亚在线杂货店:Pilulka.ro
2019/09/28 全球购物
大学校园毕业自我鉴定
2014/01/15 职场文书
展会邀请函范文
2014/01/26 职场文书
安全负责人任命书
2014/06/06 职场文书
捐款活动总结
2014/08/27 职场文书
工作证明格式及范本
2014/09/12 职场文书
财政局党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
ktv服务员岗位职责
2015/02/09 职场文书
2015最新学生自我评价范文
2015/03/03 职场文书
Java中try catch处理异常示例
2021/12/06 Java/Android