多个$(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 25 Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
Aug 07 Javascript
JavaScript返回网页中锚点数目的方法
Apr 03 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
Javascript中的几种继承方式对比分析
Mar 22 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
Node.js 多线程完全指南总结
Mar 27 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
Aug 27 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获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
用显卡加速,轻松把笔记本打造成取暖器的办法!
2013/04/17 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
JS画线(实例代码)
2013/11/20 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
用JS实现轮播图效果(二)
2016/06/26 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
[40:03]RNG vs VG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python运行的17个时新手常见错误小结
2012/08/07 Python
python实现基本进制转换的方法
2015/07/11 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
HTML5标签大全
2016/11/23 HTML / CSS
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
为什么需要版本控制
2016/10/28 面试题
公司业务主管岗位职责
2013/12/07 职场文书
社区包粽子活动方案
2014/01/21 职场文书
《会变的花树叶》教学反思
2014/02/10 职场文书
入党积极分子评语
2014/05/04 职场文书
建筑施工安全责任书
2014/07/24 职场文书
学校开学标语
2014/10/06 职场文书
努力学习保证书
2015/02/26 职场文书
培训班通知
2015/04/25 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
法律意见书范文
2015/05/20 职场文书
Python OpenCV超详细讲解调整大小与图像操作的实现
2022/04/02 Python
golang定时器
2022/04/14 Golang