必须把包含jQuery库引用的<script>标签放在<head>或<body>标签中吗?

3

1
通常情况下,您会将它们放在闭合的 body 标签之前,这样页面就可以在执行多个 .js 文件请求之前开始加载图像和其他 HTML。 - ninja
1
两种方法都有优缺点。对于页面加载来说,最好的方法是将其放在底部,但这可能会使某些结构非常困难,例如基于服务器端代码构建的应用程序,每个页面都返回相同的页脚和页眉,而每个页面都有自己的js定义。 - Kevin B
1
http://developer.yahoo.com/performance/rules.html#js_bottom - Sparky
4个回答

2

<script>标签与jQuery库引用必须放在<head><body>标签内吗?

是的,两者都可以。

将其放在其中一个标记内(特别是在末尾)可能会带来性能优势,但这是延迟JS运行时间和阻止其他内容加载而JS下载和解析的权衡。


这里肯定有关于异步加载(aync loading)的内容需要添加吧?https://dev59.com/73I-5IYBdhLWcg3weoPR - Grant Thomas

0

它们放在body的末尾。


也就是说,在 </body> 标签之前。 - Peter Mortensen

0

最佳实践是在页面底部使用script。这样可以减少页面渲染速度。

阅读文章Yahoo页面速度最佳实践,特别是“将脚本放在底部”一节。


关于 "在页面底部":但在</body>标签之前。如果'script'标签位于 '</body>' 之后,则HTML验证将导致"错误:Stray start tag script"(选择*"source"选项并单击"check"*以查看HTML源代码)。 如果它位于之前,则它将被验证 - Peter Mortensen

0

来自将脚本放在底部

脚本引起的问题是它们会阻塞并行下载。如果一个脚本可以延迟加载,那么它也可以被移动到页面底部。这将使您的网页加载更快。

所以...就放在你的<body>底部吧。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接