编程 Javascript

浅析$(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 的区别介绍，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对三水点靠木网站的支持！

浅析$(function) ready和onload 的区别

- Author -

wildfox

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Packer 3.0 JS压缩及混淆工具下载

May 03 Javascript

Jquery 的outerHeight方法使用介绍

Sep 11 Javascript

javascript教程:关于if简写语句优化的方法

May 17 Javascript

JavaScript中0和""比较引发的问题

May 26 Javascript

Bootstrap3 datetimepicker控件使用实例

Dec 13 Javascript

JS封装通过className获取元素的函数示例

Dec 20 Javascript

详解浏览器渲染页面过程

Feb 09 Javascript

Angular4如何自定义首屏的加载动画详解

Jul 26 Javascript

详解VueJs中的V-bind指令

May 03 Javascript

vue.js做一个简单的编辑菜谱功能

May 08 Javascript

详解JavaScript 的变量

Mar 08 Javascript

vue element-ul实现展开和收起功能的实例代码

Nov 25 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

PHP数组内存耗用太多问题的解决方法

2010/04/05 PHP

php 生成唯一id的几种解决方法

2013/03/08 PHP

50个PHP程序性能优化的方法

2014/06/02 PHP

轻松实现php文件上传功能

2017/02/17 PHP

node.js中的fs.utimesSync方法使用说明

2014/12/15 Javascript

nodejs实现HTTPS发起POST请求

2015/04/23 NodeJs

javascript实现在网页任意处点左键弹出隐藏菜单的方法

2015/05/13 Javascript

利用JS提交表单的几种方法和验证(必看篇)

2016/09/17 Javascript

微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

2016/11/25 Javascript

jQuery常见的选择器及用法介绍

2016/12/20 Javascript

Vue-Router实现页面正在加载特效方法示例

2017/02/12 Javascript

利用jquery正则表达式在页面验证url网址输入是否正确

2017/04/04 jQuery

Javascript 实现匿名递归的实例代码

2017/05/25 Javascript

解决vue项目使用font-awesome,build后路径的问题

2018/09/01 Javascript

vue-cli2 构建速度优化的实现方法

2019/01/08 Javascript

使用layer弹窗提交表单时判断表单是否输入为空的例子

2019/09/26 Javascript

Vue中keep-alive 实现后退不刷新并保持滚动位置

2020/03/17 Javascript

Vue移动端项目实现使用手机预览调试操作

2020/07/18 Javascript

详解Java中String JSONObject JSONArray List转换

2020/11/13 Javascript

django js实现部分页面刷新的示例代码

2018/05/28 Python

实践Vim配置python开发环境

2018/07/02 Python

django 将model转换为字典的方法示例

2018/10/16 Python

python实现LBP方法提取图像纹理特征实现分类的步骤

2019/07/11 Python

Python调用.NET库的方法步骤

2019/12/27 Python

python实现超级玛丽游戏

2020/03/18 Python

pycharm安装及如何导入numpy

2020/04/03 Python

Python利用matplotlib绘制散点图的新手教程

2020/11/05 Python

基于Python中Remove函数的用法讨论

2020/12/11 Python

Raleigh兰令自行车美国官网：英国凤头牌自行车

2018/01/08 全球购物

市场策划求职信

2014/08/07 职场文书

群众路线自我剖析及整改措施

2014/11/04 职场文书

2014年组织委员工作总结

2014/12/01 职场文书

python - asyncio异步编程

2021/04/06 Python

Go 实现英尺和米的简单单位换算方式

2021/04/29 Golang

PyTorch 如何自动计算梯度

2021/05/23 Python

pandas数值排序的实现实例

2021/07/25 Python