$(document).ready中的多个$(Document).load和$(.ready)中的$(Window).ready
我有两个问题。首先，这不是我的工作。我目前正在查看其他人的JavaScript文件。我不能给出确切的代码，但我可以展示我想知道的东西。
在JavaScript文件中，我看到了很多$(document).ready(function(){});。我知道$(document).ready是做什么的，在加载DOM树时将调用回调函数。是否有人会使用多个$(document).ready回调？我不明白重点。
另外，我看到的另一件事是$(document).ready中的一个$(document).ready，如下所示：
$(document).ready(function() {
$(window).load(function() {
//...
});
});据我所知，当页面的所有内容都被加载时，就会调用$(window).load()，比如资产和图像等等。我认为$(window).load()是继$(document).ready之后最后一个调用的东西。是否有在$(window).load之前调用$(document).ready的时间，以及在$(document).ready中放置$(window).load的原因？
回答 2
Stack Overflow用户
发布于 2017-02-20 09:59:29
是的，jQuery授权在load之前调用ready事件。即使在IE8中(不支持DOMContentLoaded )，它也以这种方式工作。但是，让我们看看下面的代码：
<!doctype html>
<title>Ready vs load test</title>
<style>body {white-space: pre}</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
~function () {
function log(msg) {
document.body.innerHTML += msg + "\n";
}
function handler(msg) {
return function () {
log(msg);
}
}
$(window).load(handler("5. load #1"));
$(document).ready(handler("1. ready #2"));
$(window).load(handler("6. load #3"));
$(document).ready(handler("2. ready #4"));
$(document).ready(function () {
log("3. ready #5");
$(window).load(handler("8. load #6"));
});
$(document).ready(handler("4. ready #7"));
$(window).load(handler("7. load #8"));
}();
</script>结果是
1. ready #2
2. ready #4
3. ready #5
4. ready #7
5. load #1
6. load #3
7. load #8
8. load #6请看第7行和第8行，最后一个是通过ready事件处理的ready。因此，通过使用这种方法，我们可以确保以前添加的所有load处理程序(在脚本解析和执行过程中)都已被调用。
那么，在
$(window).load之外和内部使用$(document).ready并不会改变它对工作方式的影响吗？
实际上，它会影响脚本的执行。第一个版本起作用，第二个版本不起作用：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(window).load(function () {
$.magic.value = 12;
});
});
</script>
<script>
$(window).load(function () {
$.magic = {};
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
});
$(window).load(function () {
$.magic.value = 12;
});
</script>
<script>
$(window).load(function () {
$.magic = {};
});
</script>
Stack Overflow用户
发布于 2017-02-20 09:58:17
当DOM的所有节点都已加载但不一定是它们的内容时，$(document).ready就会启动，这就是$(.load)的目的所在，例如，image可以出现，但是它的内容--图像--还没有被加载。
所以，你是对的，只使用每一个听者一次，不要嵌套他们。
https://stackoverflow.com/questions/42341284
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号