Question

我有以下原型JavaScript代码

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

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

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

Answer 1

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

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

话虽如此，如果它只用于您网站的那一页，我会将其保留为内联javascript，因为浏览器必须为资源提供的请求少一个。

但是（总是有一个但是）上面的内容可能导致难以维护的项目，因为你最终会在你的标记中添加大量的内联javascript。

我应该在一个页面上只放置一个JavaScript例程？

1 个答案: