浅析$(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 31 Javascript
用方法封装javascript的new操作符(一)
Dec 25 Javascript
jQuery 三击事件实现代码
Sep 11 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
JS 实现可停顿的垂直滚动实例代码
Nov 23 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
jQuery简单获取DIV和A标签元素位置的方法
Feb 07 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
iView-admin 动态路由问题的解决方法
Oct 03 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
Jun 14 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项目的方法
2006/10/09 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
2007/04/12 Javascript
actionscript与javascript的区别
2011/05/25 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
jQuery 3.0中存在问题及解决办法
2016/07/15 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
2016/11/26 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
webpack实现一个行内样式px转vw的loader示例
2018/09/13 Javascript
Jquery cookie插件实现原理代码解析
2020/08/04 jQuery
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
python3大文件解压和基本操作
2017/12/15 Python
Python读写zip压缩文件的方法
2018/08/29 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
史蒂夫·马登加拿大官网:Steve Madden加拿大
2017/11/18 全球购物
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
师范生的个人求职信范文
2014/01/04 职场文书
前台文员个人求职信范文
2014/01/05 职场文书
《大海那边》教学反思
2014/04/09 职场文书
忠诚教育心得体会
2014/09/03 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
2014年化验室工作总结
2014/11/21 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python
SQL注入的实现以及防范示例详解
2021/06/02 MySQL