低调(Unobtrusive)JavaScript 是一种正在浮现的技术,它能将 JavaScript 从 HTML 标记语言中分离开来。这非常类似于上世 纪 90 年代 CSS 的诞生所带来的页面样式和 HTML 的分离。比如,唐突的 JavaScript 写法会直接为某个文本框添加 onClick 事件处理器,就像 这样:
<pre id="bvgk9"><input id="field" onclick="alert('hello')" /><br id="bvgk10"></br>
而低调的 JavaScript 会一直等到页面全部加载完毕,才会把事件处理器跟文本框连接上:
<pre id="bvgk11"><script type="text/javascript"><br id="bvgk12"></br> Event.observe(window, 'load', function() {<br id="bvgk13"></br> Event.observe($('field'), 'click', function() {<br id="bvgk14"></br> alert('hello');<br id="bvgk15"></br> };<br id="bvgk16"></br> });<br id="bvgk17"></br></script><p><input id="field" /></p><br id="bvgk20"></br>
这样写能够使 HTML 代码(在这个例子中就是我们的 input 标签)保持干净,并为开发者提供单一引用点来调试 JavaScript 代码。低调 JavaScript 提倡将代码存储在外部的.js 文件中,反对将其嵌入在 HTML 页面内的
评论