分享一段通过前端javascript脚本 启用/禁用超链接的代码

在做asp.net开发的时候，可能会经常用LinkButton，该控件最终会在客户端解析成超链接；

有的时候可能期望直接在客户端控制 该类button（即hyperlink）的可用与非可用。

一般我们会在客户端这样写：

<a href="javascript: doSomething()" class="button" id="abc">审核</a>
或者
<a href="#" onclick="doSomething(); return false;" class="button" id="xyz">审核</a>

在ie里面可以直接设置超链接的disabled属性为true，但是有两个问题：

1）disabled属性只有ie支持，其它浏览器（如firefox、Opera等）未必支持；

2）即使将disabled属性设置为true以后，在单击该超链接的似乎后，onclick事件仍然会执行；

因此出现了下面变通的方法，经试验，浏览器兼容性比较好，提供点小技巧供参考：

  

   //
    禁用、启用超链接
   
//
    @objId : 超链接ID
   
//
    @disable: true,禁用； false：启用
   

   function
    disableAnchor(objId, disable) {
 
   var
    obj 
   =
    gId(objId);
 
   if
    (disable) { 
   //
    disable
   

    
   var
    href 
   =
    obj.getAttribute(
   "
   href
   "
   );
 
   if
    (href 
   &&
    href 
   !=
    
   ""
    
   &&
    href 
   !=
    
   null
   ) {
 obj.setAttribute(
   '
   href_bak
   '
   , href);
 }
 obj.removeAttribute(
   '
   href
   '
   );
 
   //
    处理onclick事件
   

    
   var
    onclick 
   =
    obj.getAttribute(
   "
   onclick
   "
   ); 
 
   if
   (onclick 
   !=
    
   null
   ){ 
 obj.setAttribute(
   '
   onclick_bak
   '
   , onclick); 
 obj.setAttribute(
   '
   onclick
   '
   , 
   "
   void(0);
   "
   ); 
 } 
 obj.onclick 
   =
    
   null
   ;
 obj.style.color 
   =
    
   "
   gray
   "
   ;
 obj.setAttribute(
   '
   disabled
   '
   , 
   '
   disabled
   '
   );
 }
 
   else
    { 
   //
    enable
   

    
   if
    (obj.attributes[
   '
   href_bak
   '
   ])
 obj.setAttribute(
   '
   href
   '
   , obj.attributes[
   '
   href_bak
   '
   ].nodeValue);
 
   if
   (obj.attributes[
   '
   onclick_bak
   '
   ]
   !=
   null
   ) 
 obj.setAttribute(
   '
   onclick
   '
   , obj.attributes[
   '
   onclick_bak
   '
   ].nodeValue); 
 obj.removeAttribute(
   '
   style
   '
   );
 obj.removeAttribute(
   '
   disabled
   '
   );
 }
}