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

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

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

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

<a href="javascript: doSomething()" class="button" id="abc">审核</a>
或者
<a href="#" οnclick="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 ' );
}
}

转载于:https://www.cnblogs.com/bigmonster/archive/2011/05/19/2050798.html