Question

我已将所有javascript调用放在jQuery.ready()中，以确保DOM在访问之前已完全加载。但是对于函数定义（我自己写的那些），放置它们的最佳实践是什么（在它们相应的被调用之前）。在<body>的开头？还是在<body>结尾？还是在jQuery.ready()里面？或者它根本没关系？感谢。

Answer 1

不要将函数放在ready（）函数中。

你应该在准备好的电话上面声明它们，理想情况下你的所有j都是在html的底部处理的。

Answer 2

如果将JavaScript放在正文的顶部或顶部，则需要使用jQuery ready IF ，它们依赖于DOM的某些部分。作为一种快捷方式，您只需将代码传递给$，就像这样：

$(function(){

  $("#domID").method();
});

但是，你可以通过将脚本放在底部来放弃这一切。浏览器从上到下读取您的HTML。如果访问domID的脚本显示在ID为domID的DOM元素下方，那么它将正常工作。因此，上述代码段可以通过以下方式进一步简化：

$("domID").method();

作为一个说明，情况并非总是如此。我注意到你无法立即访问canvas元素。使用$或$.ready可能会更安全，然后在您更熟悉DOM和JavaScript的加载方式时将其删除。

在文档中放置javascript函数定义的位置？

2 个答案: