多个$(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 相关文章推荐
js压缩工具 yuicompressor 使用教程
Mar 31 Javascript
brook javascript框架介绍
Oct 10 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 Javascript
JS中关于事件处理函数名后面是否带括号的问题
Nov 16 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 Javascript
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
Vue.js实现表格渲染的方法
Sep 07 Javascript
原生js实现二级联动菜单
Nov 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获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
php身份证号码检查类实例
2015/06/18 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
一次失败的jQuery优化尝试小结
2011/02/06 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
jQuery UI Bootstrap是什么?
2016/06/17 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
详解使用jQuery.i18n.properties实现js国际化
2018/05/04 jQuery
Cookbook组件形式:优化 Vue 组件的运行时性能
2018/11/25 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
2019/05/16 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
[20:46]Ti4循环赛第三日VG vs DK
2014/07/12 DOTA
[03:24][TI9纪实] Dota奶爸
2019/08/22 DOTA
Python打造出适合自己的定制化Eclipse IDE
2016/03/02 Python
详解Python装饰器由浅入深
2016/12/09 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
Python导入数值型Excel数据并生成矩阵操作
2020/06/09 Python
PyQt 如何创建自定义QWidget
2021/03/24 Python
奖学金自我鉴定范文
2013/10/03 职场文书
质检员岗位职责
2013/12/17 职场文书
历史专业个人求职信分享
2013/12/20 职场文书
颁奖典礼主持词
2014/03/25 职场文书
用人单位终止解除劳动合同证明书
2014/10/06 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
退休欢送会致辞
2015/07/31 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
2015年大学组织委员个人工作总结
2015/10/23 职场文书