弱势JavaScript?

弱势JavaScript是编写JavaScript语言的一种方法,用这种方法,我们可以清晰的将文档内容和脚本内容进行隔离。正如我们将所有CSS放到一个单独的文件,使得结构和表示相分离,避免使用样式属性和其他的表示标记,我们也应该分离HTML结构JavaScript行为。利用是相同的:隔离相关性,保持代码简洁,并且允许我们脱离HTML或CSS单独处理JavaScript。因此根本性的从表示或html中分离行为或Javascript。这种趋势是非常有用的,可以减少错误倾向,易于更新和调试。

弱势化编程的基本概念是JavaScript应该作为网页的功能增强,而不是成为必须的需要。如果不需要JavaScript,就不用使用它;用纯的老HTML和CSS,你的静态内容讲显示的很好。这样,在实际需要之前,许多开发者由于引入代码块而制造了错误。例如jQuery被大量的误用,实际我们可以非常容易的用CSS和纯JavaScript代码即可满足需求。弱势化JavaScript的主意完全改变了老式学校设计:动态网页不是100%使用JavaScript,而是用100%常规静态网页,然后再添加JavaScript的一个层。

例子

<input type="button" id="btn" onclick="alert('Test')" >

这个不是弱势javascript,因为行为和表达是混在一起的。onclick不应该在html里面,而是应该在javascript自己的部分里面。

对于上面的例子,你可以如下进行弱势处理:

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

JavaScript:

var el = document.getElementById('btn');
el.onclick = function(){
alert('Test');
}
原文链接