我应该将仅在一页上需要的 JavaScript 例程放在哪里？

Question

我有以下原型 JavaScript 代码

Event.observe( window, 'load', function() {
    Event.observe( 'agreement', 'click', function() { alert("It works") });
});

，它仅在我网站的一个页面上使用，组织它的最佳方式是什么？

我想我可以将它放在自己的文件中，并仅将其包含在该页面上。或者我可以将其添加到为整个站点加载的一个大文件中，但我尝试这样做，并收到错误，因为元素“协议”并不存在于所有页面上。

Answer 1

如果您确实将其移动到所有网站页面上引用的自己的文件中，为什么不在添加单击事件处理程序之前测试 #agreement 元素是否存在：

Event.observe( window, 'load', function() {
    if($('#agreement') != null){
        Event.observe( 'agreement', 'click', function() { alert("It works") });
    }
});

也就是说，如果它只用于该事件在您网站的一个页面上，我会将其保留为内联 JavaScript，因为这样浏览器对资源的请求就少了。

但是（总有一个但是）上述情况可能会导致项目难以维护，因为您最终可能会在标记中散布大量内联 JavaScript。