gpt4 book ai didi

javascript - 文档底部编写的代码总是在 DOM 准备好之后执行吗?

转载 作者:行者123 更新时间:2023-11-28 19:21:42 26 4
gpt4 key购买 nike

文档底部编写的代码总是在 DOM 准备好后执行吗?

正在监听文档的就绪事件

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function() {
// code ..
});

</script>

</head>
<body>

<!-- Document -->

</body>
</html>

相当于把代码写在文档底部?

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.js" type="text/javascript"></script>
</head>
<body>

<!-- Document -->

<script type="text/javascript">

// code ..

</script>
</body>
</html>

最佳答案

实际上,它们非常接近,许多脚本的行为都是相同的。关于“文档底部的代码”案例:

整个文档将被解析,除了结束标记。但是树构造算法的工作方式是由 </body> 引起的转换( 1 2 )和</html> (前提是您的标记相当合理)不会影响树。

严格来说,代码是<script>底部标签没有 asyncdefer属性在DOMContentLoaded之前执行事件,所以一个DOMContentLoaded如果在那里注册,事件处理程序仍然会运行。但是 jQuery 的 $(document).ready()如果 DOMContentLoaded 将立即运行提供的回调已经发货了。

如果你想使用document.write,它们是完全不同的不过。

关于javascript - 文档底部编写的代码总是在 DOM 准备好之后执行吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28756043/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com