浅析$(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 相关文章推荐
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
浅谈JavaScript异步编程
Jan 20 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
Angular(5.2-&gt;6.1)升级小结
Dec 27 Javascript
Element-UI+Vue模式使用总结
Jan 02 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
一个程序下载的管理程序(一)
2006/10/09 PHP
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
浅谈php fopen下载远程文件的函数
2016/11/18 PHP
js静态方法与实例方法分析
2011/07/04 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
Jquery实现显示和隐藏的4种简单方式
2013/08/28 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
jQuery 控制文本框自动缩小字体填充
2017/06/16 jQuery
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
python实现定时同步本机与北京时间的方法
2015/03/24 Python
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
Python中获取对象信息的方法
2015/04/27 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
Django基于Models定制Admin后台实现过程解析
2020/11/11 Python
python 实现表情识别
2020/11/21 Python
工程预算与管理应届生求职信
2013/10/06 职场文书
外语专业毕业生个人的自荐信
2013/11/19 职场文书
党校学习思想汇报
2014/01/06 职场文书
环保建议书200字
2014/05/14 职场文书
护士求职信范文
2014/05/24 职场文书
2014年安全保卫工作总结
2014/11/13 职场文书
药房管理制度范本
2015/08/06 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
2016年万圣节活动总结
2016/04/05 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书