将Javascript放在HTML文件中

Question

可能重复:
将JavaScript嵌入HTML主体有多糟糕？

好的,所以我现在一直在使用JavaScript,我并不陌生,但我的问题是关于JavaScript实际放在 HTML文件中的位置.

我总是被告知并且工作的印象是,所有对外部脚本文件的引用都应该包含在head标记中,并且当前HTML文件中包含的任何脚本都应该位于文件的末尾.

现在,最近与同事讨论我已经看到越来越多的人将脚本块放在整个HTML页面中看似随机的位置,例如

<div>
   <p>Foo</p>
   <script type="text/javascript">
       //some script
   </script>
   <p>Bar</p>
</div>

这是一个好习惯吗？我一直认为不是.如果是这样,它是否有益,因为脚本在那时被执行,但是为什么你不能等到HTML的其余部分被加载？

Answer 1

在页面底部+1投票

给游客;

• 首先是内容和标记

• 然后用css显示

• 然后ui用javascript

欣赏这是一个很高的眉头

Answer 2

脚本应放在页面底部,因为这将允许所有站点资源(如图像)并行下载.完成后,将一次下载一个脚本.

将脚本放在页面底部更好的原因是因为它们阻止了并行下载.通常,浏览器按主机名并行地下载资源,一次两个资源(由HTTP 1.1规范指定).脚本阻止这种情况发生,并且在完全下载之后才允许下载任何其他内容.