将 JavaScript 文件包含到主文档中

【问题标题】：Including JavaScript file into main document将 JavaScript 文件包含到主文档中
【发布时间】：2009-10-04 07:17:09
【问题描述】：

我有一个使用选择器的 jquery 代码（来自当前文档）。现在我想将此代码移动到另一个文件（js）中，并从该文档中包含。我可以不做任何编辑吗？那么，jquery-code 能正常工作吗？

【问题讨论】：

【解决方案1】：

<script src="jquery.js"></script>
<script src="main.js"></script>

在head 或结束之前body 标签就可以了。如果这是在 head 中，请确保您使用的是 $(document).ready( fn )。

【讨论】：

【解决方案2】：

是的，您当前使用的所有选择器都与您正在处理的网页/文档的 DOM 相关。生成和使用这些选择器的 javascript 代码是嵌入在 html 页面中还是包含在外部 js 文件中并不相关。（尽管出于其他原因，后一种方法更可取）

【讨论】：

【解决方案3】：

引用和扩展 meder 的答案

<script type="text/javascript" src="/SCRIPT_DIR/jquery.js"></script>
<script type="text/javascript" src="/SCRIPTS_DIR/main.js"></script>

将是声明 javascript 的更好方法。请注意，指定了脚本类型，并且 src URL 以 / 字符开头，该字符指定对脚本文件的绝对引用，这对于嵌套页面来说是一种很好的做法。

【讨论】：