XHTML（Extensible HyperText Markup Language，可扩展超文本标记语言），CSS（Cascading Style Sheets，层叠样式表）和使用JavaScript的DOM（Document Object Model）脚本是Web设计的三个主要部分。其中，XHTML用于提供文档结构的语义标记，CSS为文档布局提供定位和样式，而DOM脚本编程用于增强文档的行为和交互性。注意到，上面说的是DOM脚本“增强”，而不是为文档“提供”行为和交互性。“增强”和“提供”之间的差异暗示了一个重要区别。这个区别就在于不唐突（Unobtrusive JavaScript）。
Unobtrusive JavaScript是一种将Javascript从XHTML结构抽离出来的设计概念，避免在XHTML标记中夹杂一堆onchange、onclick……等属性去处理Javascript事件，使XHTML也变得结构化且容易阅读。
Unobtrusive JavaScript是在网页中使用JavaScript的一般方式。该名称并非正式定义，它的基本原则包括：
□ 行为层和表现层分离开；
□ 解决传统JavaScript编程问题（浏览器呈现不一致，缺乏扩展性）；
□ 为可能不支持JavaScript高级特性的用户代理（通常是浏览器）提供渐进增强
经常和不唐突联系在一起的两个术语是：渐进增强（progressive enhancement）和平稳退化（graceful degradation）。当浏览支持相应功能时文档会得到增强（渐进增强），而当浏览器不支持相应功能时，文档被退化（平稳退化）。这两个术语共同接受的前提是：并非所有浏览器都遵循相同的标准，所以不能为迎合少数人而强迫所有人都接受一种低质量的服务。换句话说就是在使用JavaScript时妨碍了内容的有效性和可访问性，那么做法就是错误的。
当使用DOM脚本是必须遵循以下原则：
□ 与标准兼容：确保Web应用程序能够在更新更好的浏览器中继续运行
□ 容易维护：综合运用可重用和容易理解的方法，以便能够集中关注业务逻辑，而不是反复重写代码
□ 具有可访问性：确保能够简便而有效地访问内容，即使用户无法运行脚本或者禁用了JavaScript
□ 具有可用性：那些在一种情况下非常有效但很难实现或者重用的脚本，在日后的使用时不会有太大的价值

转载请注明：陈童的博客 » ADS1.1 JavaScript最佳实践——不唐突和渐进增强