Question

我有一个使用大量内联JavaScript的Web应用程序。例如：

<input type="button" id="btn1" onclick="return test();">

我想通过将javascript代码放在单独的文件中或脚本标记内来将其与UI分开。包括javascript事件附件。例如，除了上述内容，我还有：

<input type="button" id="btn1">

在脚本部分我和我们：

<script type="text/javascript>
    btn1.onclick = function() {         
                 test();
    }
</script>

或

<script type="text/javascript>      
    if (btn1.addEventListener){ 
        btn1.addEventListener('click', test, false);
    }else if (btn1.attachEvent){       
        btn1.attachEvent('onclick', test );
    }
</script>

为什么我要这样做？我喜欢将我的UI与业务逻辑和数据库分开，这是我的一般方法。从性能角度来看，它也更好，因为外部JavaScript可以更容易被浏览器缓存。另一个原因 - 它更安全。我的问题是，这是否值得更改应用程序的麻烦，删除所有内联JavaScript？

如果有人给我一些指示，一些文章链接，我会很感激 - 我一直在网上搜索并发现了一些相互矛盾的信息。很高兴听到一些意见

Answer 1

从维护的角度来看，更容易拥有至少两个单独的文件：html和js。之后，您可以将UI，业务逻辑和数据分开。您可以查看this question以获取有关设计模式的更多信息。

Answer 2

我完全赞成将JS代码与标记分离，主要是出于维护原因和意图清晰度。正如您所指出的，从缓存角度来看，它也更好。

我会更进一步，建议你也可以从一个框架中受益（选择你的毒药，有很多好的选择，但jQuery是一个很好的起点，因为它非常好记录良好，处理很多样板文件，例如你的例子（浏览器差异等）。

所有这一切，你问题的一部分让我很好奇。您认为在单独的文件中使用javascript会以何种方式使您的网页更安全？

绑定javascript：内联或外部（或脚本）

2 个答案: