编程 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 相关文章推荐

百度 popup.js 完美修正版非常的不错脚本之家推荐

Apr 17 Javascript

ECMAScript6新增值比较函数Object.is

Jun 12 Javascript

javascript的列表切换【实现代码】

May 03 Javascript

动手写一个angular版本的Message组件的方法

Dec 16 Javascript

浅谈Webpack下多环境配置的思路

Jun 27 Javascript

Angular5.0 子组件通过service传递值给父组件的方法

Jul 13 Javascript

webpack实现一个行内样式px转vw的loader示例

Sep 13 Javascript

JS前端知识点offset，scroll，client，冒泡，事件对象的应用整理总结

Jun 27 Javascript

ant design实现圈选功能

Dec 17 Javascript

JavaScript 实现HTML DOM增删改查操作的常见方法详解

Jan 04 Javascript

JavaScript位置参数实现原理及过程解析

Sep 14 Javascript

Vue多选列表组件深入详解

Mar 02 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

缅甸的咖啡简史

2021/03/04 咖啡文化

php htmlspecialchars()与shtmlspecialchars()函数的深入分析

2013/06/05 PHP

php创建基本身份认证站点的方法详解

2013/06/08 PHP

解析php安全性问题中的:Null 字符问题

2013/06/21 PHP

使用PHP函数scandir排除特定目录

2014/06/12 PHP

php array 转json及java 转换 json数据格式操作示例

2019/11/13 PHP

javascript代码编写需要注意的7个小细节小结

2011/09/21 Javascript

jQuery源码分析-02正则表达式 RegExp 常用正则表达式

2011/11/14 Javascript

jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换

2013/07/01 Javascript

JavaScript闭包详解

2015/02/02 Javascript

11种ASP连接数据库的方法

2015/09/18 Javascript

jQuery实现加入收藏夹功能(主流浏览器兼职)

2016/12/24 Javascript

laravel5.4+vue+element简单搭建的示例代码

2017/08/29 Javascript

微信小程序之侧边栏滑动实现过程解析（附完整源码）

2019/08/23 Javascript

解决使用layui的时候form表单中的select等不能渲染的问题

2019/09/18 Javascript

使用Python中PDB模块中的命令来调试Python代码的教程

2015/03/30 Python

Python中格式化format()方法详解

2017/04/01 Python

Python从零开始创建区块链

2018/03/06 Python

python处理两种分隔符的数据集方法

2018/12/12 Python

Python中如何使用if语句处理列表实例代码

2019/02/24 Python

Python matplotlib画图与中文设置操作实例分析

2019/04/23 Python

Python语言异常处理测试过程解析

2020/01/08 Python

利用Python计算KS的实例详解

2020/03/03 Python

Python导入模块包原理及相关注意事项

2020/03/25 Python

施华洛世奇天猫官方旗舰店：SWAROVSKI

2017/04/17 全球购物

澳大利亚当地最大的时装生产商：Cue

2018/08/06 全球购物

Hotels.com印度：酒店预订

2019/05/11 全球购物

台湾三立电视电商平台：电电购

2019/09/09 全球购物

俄罗斯达美乐比萨外送服务：Domino’s Pizza

2020/12/18 全球购物

亚马逊意大利站点：Amazon.it

2020/12/31 全球购物

什么情况下你必须要把一个类定义为abstract的

2013/01/06 面试题

既然说Ruby中一切都是对象，那么Ruby中类也是对象吗

2013/01/26 面试题

关于青春的演讲稿三分钟

2014/08/22 职场文书

7个你应该知道的JS原生错误类型

2021/04/29 Javascript

MySQL系列之十四 MySQL的高可用实现

2021/07/02 MySQL

mysql字段为NULL索引是否会失效实例详解

2022/05/30 MySQL