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

extjs fckeditor集成代码

May 10 Javascript

跟着JQuery API学Jquery 之三筛选

Apr 09 Javascript

判断字符串的长度(优化版)中文占两个字符

Oct 30 Javascript

JavaScript实现网页加载进度条代码超简单

Sep 21 Javascript

浅析2种JavaScript继承方式

Dec 04 Javascript

使用UrlConnection实现后台模拟http请求的简单实例

Jan 04 Javascript

利用Query+bootstrap和js两种方式实现日期选择器

Jan 10 Javascript

vue数据双向绑定的注意点

Jun 23 Javascript

微信小程序登录数据解密及状态维持实例详解

May 06 Javascript

Elementui表格组件+sortablejs实现行拖拽排序的示例代码

Aug 28 Javascript

Vue 自定义指令实现一键 Copy功能

Sep 16 Javascript

深入分析JavaScript 事件循环(Event Loop)

Jun 19 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

Thinkphp自定义代码生成工具及用法说明(附下载地址)

2016/05/27 PHP

Laravel 5.5 的自定义验证对象/类示例代码详解

2017/08/29 PHP

PHP实现将上传图片自动缩放到指定分辨率，并保持清晰度封装类示例

2019/06/17 PHP

Prototype使用指南之enumerable.js

2007/01/10 Javascript

Javascript hasOwnProperty 方法 & in 关键字

2008/11/26 Javascript

探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行

2013/07/09 Javascript

js innerHTML 改变div内容的方法

2013/08/03 Javascript

Javascript简单实现可拖动的div

2013/10/22 Javascript

使图片旋转的3种解决方案

2013/11/21 Javascript

解决jquery插件：TypeError:$.browser is undefined报错的方法

2015/11/21 Javascript

js针对ip地址、子网掩码、网关的逻辑性判断

2016/01/06 Javascript

jquery基本选择器匹配多个元素的实现方法

2016/09/05 Javascript

js style.display=block显示布局错乱问题的解决方法

2016/09/21 Javascript

javaScript嗅探执行神器-sniffer.js

2017/02/14 Javascript

javascript滚轮事件基础实例讲解（37）

2017/02/14 Javascript

javascript 玩转Date对象(实例讲解)

2017/07/11 Javascript

JS实现碰撞检测的方法分析

2018/01/19 Javascript

原生JS实现循环Nodelist Dom列表的4种方式示例

2018/02/11 Javascript

解决Nodejs全局安装模块后找不到命令的问题

2018/05/15 NodeJs

Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码

2020/05/18 Javascript

vue 封装面包屑组件教程

2020/11/16 Javascript

js+html+css实现手动轮播和自动轮播

2020/12/30 Javascript

python使用在线API查询IP对应的地理位置信息实例

2014/06/01 Python

Python虚拟环境Virtualenv使用教程

2015/05/18 Python

Python常用的文件及文件路径、目录操作方法汇总介绍

2015/05/21 Python

Python数据结构与算法之链表定义与用法实例详解【单链表、循环链表】

2017/09/28 Python

Python字典及字典基本操作方法详解

2018/01/30 Python

Django重装mysql后启动报错：No module named ‘MySQLdb’的解决方法

2018/04/22 Python

深入浅析Python 中 is 语法带来的误解

2019/05/07 Python

Django中提供的6种缓存方式详解

2019/08/05 Python

python ssh 执行shell命令的示例

2020/09/29 Python

《彩色世界》教学反思

2014/04/12 职场文书

工程技术员岗位职责

2015/04/11 职场文书

2016年学校党支部公开承诺书

2016/03/25 职场文书

ES6 解构赋值的原理及运用

2021/05/25 Javascript

Ajax实现三级联动效果

2021/10/05 Javascript