你什么时候把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按钮之后放置一个脚本,所以你只需将它粘贴到文档的末尾为了确定。