多个$(document).ready()的执行顺序问题

最新推荐文章于 2020-12-28 18:15:38 发布
最新推荐文章于 2020-12-28 18:15:38 发布
阅读量287 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/heyucool/p/5256952.html
版权

本文以实例形式说明了多个$(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>
</head>

<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

转载于:https://www.cnblogs.com/heyucool/p/5256952.html

weixin_30367873
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js在页面中的加载顺序及多个jquery $(document).ready() 的执行顺序
chimeiyan8610的博客
03-10 1808
jQuery $(document).ready()执行顺序： 当页面DOM 元素全部加载完毕后就执行.ready()。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 如果在.ready()执行之前有javascript代码存在，那么javascri...
多个$(document).ready()的执行顺序实例分析
09-04
本文将深入探讨多个`$(document).ready()`的执行顺序，通过实例来解析其工作原理。 首先，`$(document).ready()`的执行通常遵循"先声明先执行"的原则，即最先写入的`$(document).ready()`函数会最先被调用。然而，...
多个$(document).ready()函数的执行顺序问题，（未解决）
weixin_30551947的博客
10-21 299
今天遇到了一个问题：jQuery获取不了动态添加的元素，我使用的是append添加的。寻求了帮助，得到解决方案： 在文件开头写上这样一段代码来获取，写在$(document).ready()里面。 问题得到了解决，此时文件中，出现了多个$(document).ready()函数（jQuery允许使用多个），就想知道他们的执行顺序是怎样的了，网上找了资料：只有一个是...
js ready函数执行顺序
张鹏~IT~少年人的博客
07-20 4929
1、$(function(){}) 和 $(document).ready(function(){})， 这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数,（注意，这里面的ready 是 DOM树加载完成，不是onload的页面资源加载完成的）；在js文件中可以出现多个ready（），并且按照顺序执行； 2、window.onload = function(){}； 等待页面中...
多个$(document).ready()的执行顺序
u013223565的专栏
08-09 1267
多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系           $(function(){      alert('1');      $(function(){        alert('2');        $(function(){          alert('3');        });   
多个$(document).ready()函数的执行顺序
心若无尘
07-25 6947
今天遇到了了
$(document).ready(function() {})不执行初始化脚本
09-04
2. **顺序问题**：确保`$(document).ready()`脚本在JQuery库加载之后执行。如果JQuery库在你的脚本之前加载，那么`$`符号将不会被定义，因此`$(document).ready()`会抛出错误。 3. **异步加载**：如果你的页面使用...
JQ中$(window).load和$(document).ready区别与执行顺序
10-20
2. **可执行次数**：`$(document).ready()`可以被调用多次，每次调用的代码块都会执行。然而，`$(window).load()`只能被调用一次，后续的调用会覆盖之前绑定的事件处理函数。 3. **执行效率**：在处理DOM元素操作时...
jquery的$(document).ready()和onload的加载顺序
12-04
网上普遍的说法是$(document).ready()是在页面DOM解析完成后执行，而onload事件是在所有资源都准备完成之后才执行，也就是说$(document).ready()是要在onload之前执行的，尤其当页面图片较大较多的时候，这个时间差...
$(document).ready()
mohaiyong的专栏
06-08 149
[size=xx-large][color=orange][b]$(document).ready()[/b][/color][/size] [code="java"] $(document).ready(function(){XX}) window.onload = function(){ if(document.readyState == "complete"){XX}} ...
《锋利的jquery》之$(document).ready()
kalinara的博客
09-21 297
$(document).ready()与window.onload区别
$(document).ready()加载顺序和事件
zz_cl的博客
09-21 3663
$(document).ready()和 window.onload的区别 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。   window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。   window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个   $(document).ready(
$(document).ready(function()和 $(function()执行顺序
qq_34802511的博客
09-10 2万+
  版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/chenggil10/article/details/51740824 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &l...
$(document).ready() 执行两次
weixin_38166726的博客
07-12 1081
特别简单的首页welcomepage，在debug的时候发现$(document).ready() 总是执行两次，第一次看起来像是创建了一个临时文件执行的，第二次才在真正的index.js里执行，很是困惑。 Google之后发现原因是index.js被引用了两次，于是回去查代码，果然： <!-- Constants --> <script src="./i...
$(document).on(）; 方法
热门推荐
Embrace_w的博客
03-21 3万+
$(document).on('click','要选择的元素',function(){}）；用于动态事件的绑定：        var sysfoot = '&lt;p class="verifi-box text-danger error-box mib-error"&gt;&lt;/p&gt;'; sysfoot += '&lt;button type="button" cla...
关于jquery的$(document).on()事件多次执行的问题
冰夜翎博客
12-28 1262
我们在使用$(document).on()来绑定事件的时候，有时候会出现同一个事件会执行多次的问题。原因是这段代码在执行的过程中进行了多次绑定， $(document).on("click","#save",function(){ //执行代码 }); 遇到类似的问题我们可以先解绑再绑定，就可以避免多次执行。 $(document).off("click","#save").on("click","#save",function(){ //执行代码 });
$(document).ready()中文解释
最新发布
08-22
### 回答1： `$(document).ready()` 是 jQuery 中的一个函数，它表示当文档（即 HTML 页面）加载完毕并完成初始化后，执行一个回调函数。这个函数通常用于在页面加载完成后执行一些操作，比如绑定事件、操作 DOM 等。它的作用类似于 JavaScript 中的 `window.onload()`，但有一些区别，`$(document).ready()` 可以在页面加载过程中执行，而不需要等待所有资源加载完成。另外，`$(document).ready()` 可以同时绑定多个回调函数，而 `window.onload()` 只能绑定一个。 ### 回答2： $(document).ready()是JavaScript中用来检测页面是否加载完成的一个函数。当网页中的DOM结构完全加载并解析完毕时，就会触发该函数。 $(document).ready()的中文解释可以翻译为"文档准备就绪"。在网页加载过程中，浏览器首先会下载HTML文档，然后解析并构建DOM树。当DOM树构建完毕，浏览器会触发DOMContentLoaded事件。$(document).ready()正是在这个事件发生时被调用，用于指定需要在文档准备就绪时执行的代码。 $(document).ready()通常用来确保在执行JavaScript代码之前，页面元素已经全部加载完毕。这样可以防止在DOM还未完全构建之前就执行相关操作，避免出现错误或异常。通过把代码封装在$(document).ready()函数中，可以保证只有在页面加载完成后才执行其中的代码。 在调用$(document).ready()时，通常会传入一个回调函数，该回调函数中包含需要在页面加载完成后执行的代码。这个回调函数会在DOM树构建完毕后立即执行，而无需等待其他资源的下载。 总之，$(document).ready()是用来检测页面加载完成的函数，可以确保在DOM树构建完毕后执行其中的代码。通过使用这个函数，可以避免在网页加载过程中对尚未完全加载的元素进行操作，提高网页的性能和稳定性。 ### 回答3： $(document).ready()是jQuery中的一个函数，用于在HTML文档完全加载和解析后执行JavaScript代码。当浏览器加载一个HTML文档时，它会按照自上而下的顺序解析和执行HTML和JavaScript代码。 然而，有时候我们的JavaScript代码需要在DOM（文档对象模型）元素完全加载后才能正确执行，以避免对尚未加载的元素进行操作。这就是$(document).ready()函数的作用所在。 $(document).ready()函数的作用是等待整个HTML文档加载完成，并在文档准备就绪后执行指定的JavaScript代码。这意味着在HTML文档的标记和元素都被浏览器解析和加载完毕后，JavaScript代码才会执行。 使用$(document).ready()函数可以确保我们的JavaScript代码在DOM元素可用之前不会运行。这样，我们可以放心地在代码中操作和访问DOM元素，而不会遇到尚未加载或解析的元素导致的错误。 $(document).ready()函数的基本语法是：$(document).ready(function(){ // 在这里编写代码 }); 在函数内部，我们可以编写任何我们需要在文档就绪后执行的JavaScript代码。这可以包括事件监听、元素选择器、样式更改等等。 总而言之，$(document).ready()函数是一种确保我们的JavaScript代码在HTML文档完全加载和解析之后才会执行的方法。这样，我们可以在操作和访问DOM元素时避免出现错误，提高代码的可靠性和可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值