浏览器加载策略，<head>...<body>答案

【问题标题】：Browser loading strategy, <head>...<body>浏览器加载策略，<head>...<body>
【发布时间】：2011-01-01 19:41:59
【问题描述】：

我正在检查浏览器的一些有趣行为，我不知道它是否符合标准。如果我把所有的东西都放在<head></head> 里面，浏览器只会在head 中的所有资源都被检索到之后才开始渲染页面。

所以我认为把尽可能少的东西放在头脑中是重要的网站优化技术之一，对吗？我的问题是：

如果我将 script/css 放在 html 的 body 或其他部分，我怎么知道脚本已经加载成功，这样我就不会调用未定义的函数了？

【问题讨论】：

【解决方案1】：

简短地回答：您确实应该将脚本标签放在<body> 元素的最后。样式标签应该放在<head>，否则每次加载新样式表时都必须重新渲染文档，所以你真的希望在文档开始渲染之前将它们全部加载。

至于使用尚未加载的javascript代码。当然，您不应该太早绑定任何事件或任何东西，并且理想情况下不应该在页面中包含内联 javascript。如果您确实必须在页面中包含内联代码，则解决方案可以仅使用窗口 onload 事件进行初始化。

【讨论】：