关于unobtrusive javascript

对unobtrusive javascript的了解是在asp.net mvc3中。

常规的做法:

<a href="/" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { 
insertionMode: Sys.Mvc.InsertionMode.replace, httpMethod: 'GET', updateTargetId: 'test' });">测试</a>

unobtrusive javascript 的做法:

<a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#test" href="/">测试</a>

 

它是一种思想,一种js和html分离的思想,把行为层和表现层分离开。

现在想起来我们一直都在用unobtrusive javascript,比如:用jquery在页面加载结束后,取得目标html元素并绑定事件,这样一个过程就是unobtrusive javascript。

unobtrusive直译为“低调”,有人称之为“低调的js”,本人觉得“无入侵js”比较合适。

 

 

posted on 2012-03-29 09:22  rulee  阅读(411)  评论(0编辑  收藏  举报