JQuery：$（document）.ready只在嵌入HTML文件时才有效吗？

Question

放置用于导航菜单等内容的JQuery脚本的共识规则是什么？最好将脚本嵌入HTML文件本身或链接到头文件中吗？因为如果脚本没有嵌入HTML文件中，$（document）.ready函数真的可以工作吗？

Answer 1

实际上，它是＆＃34; BEST＆＃34;将它链接到文件的底部，就在close-body标记之前。原因在于，在脚本开始运行之前，通常大多数（如果不是全部）标记和内容都将存在于页面上。当您需要更早的脚本时，偶尔会出现例外情况，在这种情况下，您可以将其链接到头部......但这些通常很少见。

此外，您应该使用Google（或jQuery.com）CDN链接与本地回退链接您的jQuery。这就是我使用的：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined'){document.write(unescape("%3Cscript src='js/jquery-1.9.1.min.js' type='text/javascript'%3E%3C/script%3E"));}
</script>

就document.ready函数而言，它应该包含在一个外部脚本文件中（在你将其放在别处的极少数情况下），它应该包含在文档末尾附近，在jQuery库之后被叫了。

这是一个很长的答案。

简短的回答是，是的。 doc.ready函数可以真正地工作＆＃34;即使它没有直接放在你的html文件中也很好。

编辑： 当我考虑它时（你可能会或可能不会关心），偶尔会有额外的分数。

• 您可以拥有多个doc.ready函数。它们将按浏览器遇到它们的顺序堆叠，并在页面加载完成后运行。

• 一旦任何基于代码的内容完成加载（html，css，js），Doc.ready就会运行。如果您需要在所有图片和其他媒体内容也已完成加载后才能运行脚本，则可以使用$(window).load(function(){ ..stuff.. });