JavaChen Blog

Unobtrusive Javascript

Web设计的三个主要部分：XHTML（Extendsible HyperText Markup Language，可扩展标记语言）、CSS（Cascading Style Sheet ，层叠样式表）和使用javascript的DOM（Document Object Model，文档对象模型）脚本语言。

其中，XHTML用于提供文档结构的语义标记，CSS为文档布局提供定位和样式，而DOM脚本编程用于增强文档的行为和交互性。谈到增强文档的行为和交互性，如今的网页开发基本上已经实现了CSS与HTML的样式Unobtrusive与结构的分离，但是DOM在行为与结构的分离上做的还不是很好，或者说很少人注意到这点，并且遵循此规则。

DOM编程实现行为与结构的分离，也就是用javascript来实现脚本页面的分离，做到文档功能的“渐进增强（progressive enhancement）”和“平稳退化（graceful degradation）”，也就是实现Unobtrusive Javascript，即不唐突的javascript.

JavaScript是一种正在浮现的技术，它能将JavaScript从HTML标记语言中分离开来。这非常类似于上世 纪90年代CSS的诞生所带来的页面样式和HTML的分离。
Unobtrusive JavaScript提倡将代码存储在外部的.js文件中，反对将其嵌入在HTML页面内的<script> 标签中。

unobtrusive JavaScript的其他一些好处包括：

• 关注点分离：将行为层从内容和展现层分离开来
• 更易于处理浏览器的不一致性
• 更易于阅读的简洁的代码

为了实现Unobtrusive JavaScript，当你编写脚本时候必须：

1. 与标准兼容。特别是与不同公司不同版本的浏览器标准兼容。
2. 容易维护。
3. 具有可访问性。确保每个人都能简捷有效的访问到你的信息，即使他们无法运行脚本或是禁用了JavaScript。
4. 具有可用性。增强代码复用性、用户交互性。