多个$(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 打印页面代码
Mar 24 Javascript
javascript 用记忆函数快速计算递归函数
Mar 15 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
Jul 31 Javascript
原生JavaScript实现合并多个数组示例
Sep 21 Javascript
javascript中sort() 方法使用详解
Aug 30 Javascript
JavaScript操作URL的相关内容集锦
Oct 29 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
javascript正则表达式模糊匹配IP地址功能示例
Jan 06 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
ionic3+Angular4实现接口请求及本地json文件读取示例
Oct 11 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
Nov 22 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
IIS6.0+PHP5.x+MySQL5.x+Zend3.0x+GD+phpMyAdmin2.8x通用安装实例(已经完成)
2006/12/06 PHP
五个PHP程序员工具
2008/05/26 PHP
PHP基础学习小结
2011/04/17 PHP
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
PHP的Socket通信之UDP通信实例
2015/07/02 PHP
Yii2 rbac权限控制之rule教程详解
2016/06/23 PHP
javascript hashtable实现代码
2009/10/13 Javascript
JavaScript null和undefined区别分析
2009/10/14 Javascript
理解Javascript_13_执行模型详解
2010/10/20 Javascript
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
jquery列表拖动排列(由项目提取相当好用)
2014/06/17 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
javascript实现checkbox全选的代码
2015/04/30 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
jQuery Easyui 下拉树组件combotree
2016/12/16 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
微信小程序倒计时功能实现代码
2017/11/09 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
微信小程序mpvue点击按钮获取button值的方法
2019/05/29 Javascript
js实现简单放大镜效果
2020/03/07 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
在vue中实现禁止屏幕滚动,禁止屏幕滑动
2020/07/22 Javascript
解决nohup执行python程序log文件写入不及时的问题
2019/01/14 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
tensorflow的ckpt及pb模型持久化方式及转化详解
2020/02/12 Python
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
乡下人家教学反思
2014/02/01 职场文书
应届毕业生通用的自荐书范文
2014/02/07 职场文书
上班打牌检讨书
2014/02/07 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
golang语言指针操作
2022/04/14 Golang