在哪里放置$（文件）.ready（function（）？[复制]
[英]Where to place $(document).ready(function()? [duplicate]
问题描述
这个问题在这里已有答案：
我们经常在这里和那里阅读，我们必须将我们的js代码放在页头部分或之前 （抱歉）结束正文标记。 关于这一点的讨论，我只是想知道浏览器对这些东西的阅读顺序是什么（考虑到它们在这里做的相同）：
我们可以放置：
$(document).ready(function(){
无论页面结构在哪里，因为我们使用的是$(document).ready还是应该将它放在head部分？
任何人都可以澄清一下。
如果我的问题不明确，我可以改写。
5 个解决方案
解决方案1
14 已采纳 2013-07-15 16:31:34
您可以在文档中任何地方的脚本。 最佳实践通常建议在脚本中放置脚本以解决页面加载性能问题。 此外，最佳实践通常建议将脚本放在一起以便于维护。
但是，根据规范，对文档中放置script标记的位置没有限制。 您可以将它们放在标题中，身体底部，整个文档上或其任何组合中。
使用jQuery构造$(document).ready具有相同的结果，无论它放在文档中的什么位置。 关键是要了解这个构造背后的功能：
虽然JavaScript提供了在呈现页面时执行代码的加载事件，但在完全接收到所有资产（如图像）之前，不会触发此事件。
因此， ready类似于document.onload ，但不一样。 代码在哪里，如果在触发document.onload或jQuery ready时执行它并不重要。 代码在文档中的位置仅在未被某个事件处理程序/侦听器包装时才有意义。
$(document).ready上位置的唯一限制是在包含jQuery库之前不会发生这种情况。 $(document).ready正在使用jQuery，所以如果jQuery不存在......你就不能使用它。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
alert('executed as soon as it is reached (as the document is downloaded)');
$(document).ready(function () { alert('on jQuery ready'); });
</script>
</head>
<body onload="alert('executed on document.onload event');">
<script>
alert('executed as soon as it is reached (as the document is downloaded)');
$(document).ready(function () { alert('on jQuery ready'); });
</script>
</body>
</html>
文档
- W3的SCRIPT规范 - http://www.w3.org/TR/html401/interact/scripts.html
- W3的脚本（html 5）规范 - http://www.w3.org/TR/html-markup/script.html
- 将Javascript放在您的页面中的quirksmode - http://www.quirksmode.org/js/placejs.html
- Jquery
ready- http://api.jquery.com/ready/
解决方案2
2 2013-07-15 16:31:47
AFAIK， $(document).ready事件在DOM完全加载后被引发，因此放置它的位置无关紧要。
但他们说要在正文末尾编写脚本，因为页面会立即显示给最终用户，javascript将继续作为后台进程运行。
解决方案3
1
浏览器从上到下执行脚本，因此head部分中的srcipt将在正文中的脚本之前执行。 我更喜欢把脚本放在html代码下面，但一般情况下，如果你为了加载页面而烦恼。
解决方案4
0 2013-07-15 16:33:17
文档就绪函数将等到DOM加载后再运行。 从技术上讲，你把它放在哪里并不重要。 许多人喜欢将脚本放在头部，因为它确保在加载页面之前读取脚本。 其他人喜欢把它放在最后（就在结束体标记之前），以便在脚本读取之前加载页面的所有元素。 但是因为无论如何你都在等待DOM加载，这并不重要。
如果你有一个小函数，那么我只需将文档就绪函数放在head标签中。
解决方案5
0
据我所知，BKM将它放在页脚中（尽管大多数开发人员倾向于将其放在head标签中）。 主要原因 - 大多数文档DOM在加载JS之前呈现给浏览器。
在哪里使用文件准备功能？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.