多个$(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代码
Jan 01 Javascript
jquery插件之easing 动态菜单
Aug 21 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
Aug 30 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
JQuery核心函数是什么及使用方法介绍
May 03 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
详解node登录接口之密码错误限制次数(含代码)
Oct 25 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
Apr 10 Javascript
JavaScript 数组去重详解
Sep 15 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
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
PHP url 加密解密函数代码
2011/08/26 PHP
PHPMailer使用教程(PHPMailer发送邮件实例分析)
2012/12/06 PHP
PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
2014/05/04 PHP
php通过session防url攻击方法
2014/12/10 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
详解php命令注入攻击
2019/04/06 PHP
JavaScript 设计模式学习 Factory
2009/07/29 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
2014/01/22 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
vscode自定义vue模板的实现
2021/01/27 Vue.js
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
python 寻找优化使成本函数最小的最优解的方法
2017/12/28 Python
在python中使用nohup命令说明
2020/04/16 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
工作检讨书大全
2015/01/26 职场文书
会计工作态度自我评价
2015/03/06 职场文书
药品开票员岗位职责
2015/04/15 职场文书
演讲比赛主持词
2015/06/29 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
超级实用的公文标题大全!
2019/07/19 职场文书
Python time库的时间时钟处理
2021/05/02 Python
一些让Python代码简洁的实用技巧总结
2021/08/23 Python