在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函数。

Answer 2

您应该查看Angularjs或backbone.js。这两个都可以用来实现javascripts的结构和设计。