-1

放置用于导航菜单之类的 JQuery 脚本的共识规则是什么？最好将脚本嵌入 HTML 文件本身还是在头部链接到它？因为如果脚本没有嵌入到 HTML 文件中，$(document).ready 函数真的可以工作吗？

4

1 回答 1

1

实际上，将它链接到文件底部，就在 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 函数可以“真正地工作”，即使它没有直接放在你的 html 文件中。

编辑：在我考虑它的同时，还有几点需要注意（你可能关心也可能不关心）。

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

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

于 2013-06-28T01:50:49.410 回答