多个$(document).ready()的执行顺序实例分析


Posted in Javascript onJuly 26, 2014

本文以实例形式说明了多个$(document).ready()的执行顺序问题,由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行,其与嵌套层级也有一定的关系。具体实例代码如下:

<html>
<head>
<script src="./jquery-1.9.0.min.js"></script>
<script type="text/javascript">
  $(function(){
    alert('1');
    $(function(){
      alert('2');
      $(function(){
        alert('3');
      });
    });


  });
</script>
<body>
TTTTTTTTTTTT
<script type="text/javascript">
  $(document).ready(function() {
    alert('4');
    $(function(){
      alert('5');
    });


  });
</script>
KKKKKKKKKKKK
<script type="text/javascript">
  $(function(){
    alert('6');
    $(document).ready(function() {
      alert('7');
    });


  });
</script>
</body>
</html>

运行alert显示顺序为:1,4,6,2,5,7,3
读者可以自己测试体验一下,以加深对多个$(document).ready()执行顺序的理解。

Javascript 相关文章推荐
深入领悟JavaScript中的面向对象
Nov 18 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
Vue.js进行查询操作的实例详解
Aug 25 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
Feb 27 Javascript
vue.js实现h5机器人聊天(测试版)
Jul 16 Javascript
浅谈vue-props的default写不写有什么区别
Aug 09 Javascript
jquery 取子节点及当前节点属性值
Jul 25 #Javascript
jquery text()方法取标签中的文本
Jul 25 #Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 #Javascript
判断日期是否能跨月查询的js代码
Jul 25 #Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 #Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 #Javascript
JS判断变量是否为空判断是否null
Jul 25 #Javascript
You might like
php读取mysql的简单实例
2014/01/15 PHP
PHP使用in_array函数检查数组中是否存在某个值
2015/03/25 PHP
Knockoutjs快速入门(经典)
2012/12/24 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
javascript常用函数(1)
2015/11/04 Javascript
win7下安装配置node.js+express开发环境
2015/12/06 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
深入浅析Vue不同场景下组件间的数据交流
2017/08/15 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
Linux下Python获取IP地址的代码
2014/11/30 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
python框架中flask知识点总结
2018/08/17 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
python使用建议技巧分享(三)
2020/08/18 Python
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
德国旅行、体验和活动的预订平台:Watado
2019/12/04 全球购物
C语言50道问题
2014/10/23 面试题
C#和SQL Server的面试题
2016/08/12 面试题
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
工商管理系学生的自我评价分享
2013/11/29 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
区域销售主管岗位职责
2014/06/15 职场文书
项目转让协议书
2014/10/27 职场文书
2014年人民调解工作总结
2014/12/08 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python
Python matplotlib绘制雷达图
2022/04/13 Python