javascript - 在html文件中添加脚本标签

Question

我尝试在使用 javascript 和 html 编程时是否可能尊重“关注点分离”。在许多情况下，我必须在页面加载后执行一些代码，我使用 jQuery 的文档就绪功能来执行此操作。我更喜欢将我的 javascript 代码放在一个单独的文件中。问题是我有一个用于几个 html 文件的脚本文件，并且不应在所有这些页面中执行文档就绪功能。出于这个原因，我直接在我的 html 中放置了一个脚本标签，并在这个标签中放置了文档就绪函数，但其​​余的 javascript 代码在我的 javascript 文件中。

将文档就绪功能放在 html 中以促进在不同上下文中重用脚本文件是否是一种好的做法，或者是否有任何好的做法可以解决这个问题？

谢谢。

Answer 1

在您的 HTML 中放置如下内容:

   <script type="text/javascript" src="common_stuff.js"></script>
   <script type="text/javascript" src="stuff_for_this_page.js"></script>

然后使用 Apache mod_deflate模块将输出发送到客户端。

这将有利于在开发中将 Javascript 与 HTML 分开，但不需要客户端等待 JQuery ready 函数单独加载。