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

JavaScript更改class和id的方法

Oct 10 Javascript

CSS+jQuery实现的一个放大缩小动画效果

Sep 24 Javascript

js实现的简单radio背景颜色选择器代码

Aug 18 Javascript

AngularJS自动表单验证

Feb 01 Javascript

js判断价格,必须为数字且不能为负数的实现方法

Oct 07 Javascript

AngularJS日程表案例详解

Aug 15 Javascript

Angular中响应式表单的三种更新值方法详析

Aug 22 Javascript

Vue 项目部署到服务器的问题解决方法

Dec 05 Javascript

vue-cli 3.0 自定义vue.config.js文件,多页构建的方法

Sep 19 Javascript

在微信小程序中使用图表的方法示例

Apr 25 Javascript

JS实现网页端猜数字小游戏

Mar 06 Javascript

基于vue实现简易打地鼠游戏

Aug 21 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一些十分严重的缺陷详解

2013/06/03 PHP

PHP 导出Excel示例分享

2014/08/18 PHP

PHP常用的三种设计模式汇总

2016/08/28 PHP

关于php 高并发解决的一点思路

2017/04/16 PHP

某页码显示的helper 少量调整，另附js版

2010/09/12 Javascript

jQuery函数的等价原生函数代码示例

2013/05/27 Javascript

js 时间函数应用加、减、比较、格式转换的示例代码

2013/08/23 Javascript

jquery判断RadioButtonList和RadioButton中是否有选中项示例

2013/09/29 Javascript

PHP实现的各种中文编码转换类分享

2015/01/23 Javascript

Javascript之BOM(window对象)详解

2016/05/25 Javascript

浅析jsopn跨域请求原理及cors（跨域资源共享）的完美解决方法

2017/02/06 Javascript

原生javascript实现读写CSS样式的方法详解

2017/02/20 Javascript

Nodejs回调加超时限制两种实现方法

2017/06/09 NodeJs

VUE引入第三方js包及调用方法讲解

2019/03/01 Javascript

详解小程序中h5页面onShow实现及跨页面通信方案

2019/05/30 Javascript

Vue中el-form标签中的自定义el-select下拉框标签功能

2020/04/20 Javascript

JavaScript Tab菜单实现过程解析

2020/05/13 Javascript

对于Python中线程问题的简单讲解

2015/04/03 Python

python网络编程之文件下载实例分析

2015/05/20 Python

Python用户推荐系统曼哈顿算法实现完整代码

2017/12/01 Python

Python实现邮件的批量发送的示例代码

2018/01/23 Python

基于windows下pip安装python模块时报错总结

2018/06/12 Python

Python 实现Windows开机运行某软件的方法

2018/10/14 Python

python RabbitMQ 使用详细介绍(小结)

2018/11/08 Python

Python爬虫过程解析之多线程获取小米应用商店数据

2020/11/14 Python

Oroton中国官网：澳洲知名奢侈配饰品牌

2017/03/26 全球购物

建筑个人求职信范文

2014/01/25 职场文书

大二学生职业生涯规划书

2014/02/05 职场文书

医学生求职自荐书

2014/06/12 职场文书

驾驶员安全责任书

2014/07/22 职场文书

英语课外活动总结

2014/08/27 职场文书

关于对大人不礼貌的检讨书

2014/09/29 职场文书

2015年信访工作总结

2015/04/07 职场文书

2015人事行政工作总结范文

2015/05/21 职场文书

2019年大学推荐信

2019/06/24 职场文书

描述鲁迅的名言整理，一生受用

2019/08/08 职场文书