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

Question

我有以下原型(prototype) JavaScript 代码

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

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

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

Answer 1

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

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

话虽这么说，如果它只在您网站的一个页面上使用，我会将其保留为内联 JavaScript，因为它可以减少浏览器对资源发出的请求。

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