javascript - 让我的 jQuery 代码远离 html 文件

Question

我正在学习 jQuery 并创建了几个插件。不幸的是，由于我公司的编码习惯，他们希望将所有 javascript 代码提取到 js 文件中。这对我提出了两个挑战:

1. 我可以将实际的 $(document).ready(..) 调用提取到一个 js 文件中吗？到目前为止，以我有限的知识，我还没有想出这是否可能。如果没有，我欢迎提出任何建议，使包含此代码的方式更清晰、更易于接受。
2. 每个 asp.net 页面标题包含的 javascript 太多，因为我可能使用了多个插件。有什么方法可以减少我每次需要这些文件时可能需要进行的昂贵的服务器访问？

非常感谢任何建议，更正

谢谢

Answer 1

1. 绝对。

只需像这样向您的 html 添加脚本引用:

<script type='text/javascript' src='js/yourfile.js'></script> 

然后用

开始你的.js文件

jQuery(function() {
  foo;
  ...
  bar;
});

或任何其他启动 jQuery 代码块的快捷方式。

2. 您应该通过类似 Minify 的方式运行您的脚本在将它们发送给用户之前。这将合并文件并将它们很好地打包，以便它们占用更少的空间。