你什么时候把Javascript放在正文中,当你在头上和使用doc.load时?

可能重复:
将Javascript放在HTML文件中的哪个位置?
我应该在身体或html的头部写脚本吗?

我一直在想,主要是因为在创建页面时我总是遇到麻烦,基于以下内容:

你什么时候写你的javascript

  • $(document).ready()

我可能是愚蠢的,但是由于错误的地方或者是或者没有doc.ready()命令,我有几次没有执行我的JavaScript(/ jQuery)。 所以我真的很想知道。

jQuery和’var’命令也是如此

$(document).ready()只是确保在加载javascript之前加载所有DOM元素。

什么时候无关紧要

无需等待此事件触发,您最终可能会操纵页面上尚未存在的DOM元素或样式。 DOM ready事件还允许您更灵活地在页面的不同部分上运行脚本。 例如:

 

将运行,因为在脚本运行之前已加载了映射div。 实际上,通过将脚本放在页面底部,可以获得一些非常好的性能改进 。

什么时候重要

但是,如果要在元素中加载脚本,则大多数DOM都未加载。 这个例子不起作用:

  

不会,因为地图div尚未加载。

安全的解决方案

您可以通过等待整个DOM加载来避免这种情况:

  

有很多文章可以解释这一点,以及jQuery文档本身。

通过现代“最佳实践”,它是这样的:

  • 在脚本开始呈现之前将脚本放在 。 例如HTML 5 shim库或Modernizr。
  • 当对脚本导入方式的控制有限时,将脚本放在“就绪”处理程序中。 可以包含在页面上以不显眼地添加function的实用程序之类的东西通常使用“就绪”处理程序,因为它们无法确定它们将如何被使用。
  • 如果你可以在所有其他情况下逃脱它,将脚本放在的末尾。

有时,您最终会在页面中依赖于您需要在body元素末尾加载的内容。 这是一种不合适的情况,但是如果你无法避免它可以强制脚本加载到而不是的末尾。

在文档末尾加载东西是很好的,因为浏览器在加载它们时会评估标记的内容。 (有一些“现代”的方法可以避免这种情况,但这种方法正在进入更加复杂的领域。)

何时使用“就绪”处理程序(或“加载”处理程序)的决定与关于在何处放置标记的决定略有不同。 如果你有一个服务器端模板系统的页面内小部件生成(不可取,但你能做什么?)jQuery引用,那么你需要在页面顶部导入jQuery,即使其他代码可以将初始化推迟到“就绪”处理程序。 也就是说,关于何时使用“就绪”的决定与您的脚本是否愿意依赖于在正确的位置导入页面,或者是否希望确保正确的事情发生在哪里无关它的标签已放置。

这是您何时需要执行代码的问题。

如果您要操作DOM树(例如移动元素/ show-hide等)并将代码放在文档的头部,那么当您的代码执行时,您的元素将不会存在,因此您的代码将无法工作。

在这种情况下,您可以将代码放在文档的头部,并在文档DOM准备就绪时调用它,使用$(document).ready()

将代码放在文档的末尾很少是必要的,有一次我能想到的是google plus +1按钮,这需要你在最后的+1按钮之后放置一个脚本,所以你只需将它粘贴到文档的末尾为了确定。