多个$(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 相关文章推荐
jQuery 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
ASP小贴士/ASP Tips javascript tips可以当桌面
Dec 10 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
node.js中的console用法总结
Dec 15 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
Dec 31 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
多个Vue项目部署到服务器的步骤记录
Oct 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
php实现base64图片上传方式实例代码
2017/02/22 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
判断脚本加载是否完成的方法
2009/05/26 Javascript
JavaScript 获取用户客户端操作系统版本
2009/08/25 Javascript
JS 判断undefined的实现代码
2009/11/26 Javascript
再次分享18个非常棒的jQuery表格插件
2011/04/10 Javascript
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
原生JavaScript实现五子棋游戏
2020/11/09 Javascript
详解template标签用法(含vue中的用法总结)
2021/01/12 Vue.js
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
精确查找PHP WEBSHELL木马的方法(1)
2011/04/12 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
Python使用Pandas读写Excel实例解析
2019/11/19 Python
Numpy之reshape()使用详解
2019/12/26 Python
pytorch使用 to 进行类型转换方式
2020/01/08 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
澳大利亚优质的家居用品和生活方式公司:Bed Bath N’ Table
2019/04/16 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
高中毕业自我鉴定
2013/12/13 职场文书
幼儿园托班开学寄语
2014/01/18 职场文书
幼儿园教师节活动方案
2014/02/02 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
中国梦演讲稿开场白
2014/08/28 职场文书
2015政治思想表现评语
2015/03/25 职场文书
学校后勤工作总结2015
2015/05/15 职场文书
学子宴致辞大全
2015/07/27 职场文书