禁用和启用链接(a元素|LinkButton)的js方法
在Asp.net中,有时候需要禁用掉一个a链接元素.
在服务器端,比较容易;只需要设置LinkButton的Enabled属性即可.
那么在客户端,如何使用javascript来实现呢? 如果你想当然的认为,使用a.disabled=true就能实现,那就错了.
正确的方法是:同时设置disabled属性和href属性:
1)禁用a元素;
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1 // 功能: 禁用一个a元素; // 参数: // link: a元素对象; function disableLink(link) { //设置href属性 link.href = "javascript:void(0);"; //设置disabled属性 link.setAttribute("disabled", "disabled"); }
2)启用a元素;
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 // 功能: 启用一个a元素; // 参数: // link: a元素对象; function enableLink(link) { // 将id中的所有下划线(_)全部替换为美元 ($)符号; var postbackID = link.id.replace(/_/gi, "$"); // 重新设置href link.href = "javascript:__doPostBack(‘" + postbackID + "‘,‘‘)"; // 删除disabled属性 link.removeAttribute("disabled"); }
注意:LinkButton在的客户端ID属性默认使用下划线(_)分隔符,在服务器端则默认使用美元($)分隔符;所以调用__doPostBack()方法时,需要将它的id属性转换一下,否则不会触发相关的服务器端事件.
在w3c标准中,HTMLAnchorElement是不包括disabled属性的(可参照:http://www.w3.org/TR/2010/WD-html5-20100304/text-level-semantics.html#the-a-element)
但是HTMLElement都可以设置disabled属性(通过setAttribute设置自定义属性),详细请参照(http://www.w3schools.com/jsref/dom_obj_all.asp);
你可以通过设置LinkButton.Enabled
= false,然后查看HTML代码就可能看到生成的a元素包含一个属性:disabled="disabled".
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。