在HTML文档中嵌入JavaScript时,把<script>
标签和包含的JavaScript放在哪里合适?我记得你不应该把这些东西放在lt;head>
部分,但是放在lt;body>
部分的开头也是不好的,因为在页面完全渲染之前,必须对JavaScript进行解析(或者类似这样)。这似乎使<body>
部分的_末端成为<script>
标签的合理位置。
那么,哪里才是放置<script>
标签的正确位置?
(这个问题参考了这个问题,其中建议将JavaScript函数调用从<a>
标签移到<script>
标签。我具体使用的是jQuery,但更普遍的答案也是合适的)。)
就在结尾的主体标签之前,如上所述
http://developer.yahoo.com/performance/rules.html#js_bottom
把脚本放在底部
脚本造成的问题是它们阻碍了平行下载。HTTP/1.1规范建议,浏览器在每个主机名下平行下载的组件不超过两个。如果你从多个主机名提供图片,你可以得到两个以上的平行下载。然而,当一个脚本正在下载时,浏览器不会启动任何其他下载,即使是在不同的主机名上。
如果你使用JQuery,那么把javascript放在你认为最合适的地方,并使用$(document).ready()
来确保在执行任何功能之前,事情已经正常加载。
顺便提一下:我喜欢把所有的脚本标签放在<head>
部分,因为这似乎是最干净的地方。