javascript - 在文档中放置 JavaScript/Ajax 的最佳位置在哪里？

Question

很抱歉这个愚蠢的问题，但我需要专家来澄清。

在放置 JavaScript 的三个位置中，head、$(document).ready 或 body，哪个位置最好是放一些使用大量$GET函数的ajax？

例如，我正在使用一个名为 execute_send() 的 JavaScript 函数，但我不确定将其放置在何处是最佳选择。以下是错误:

Problem at line 67 character 22: 'execute_send' was used before it was defined.
function execute_send() {

此外，展示位置如何影响页面加载时间？

Answer 1

一般来说，除非出于某种原因你在别处需要它，否则将所有 JS 放在正文的最后。浏览器在解析您的 JS 之前不会继续，因此最好先加载页面。参见 http://developer.yahoo.com/performance/rules.html

作为您可能真正想要将 JS 放在头部的示例:您可能有一些 A/B 测试代码想要在页面呈现之前运行 - 在这种情况下，代码应该放在头部，因为您确实希望它尽快运行。