在Asp.net中,有时候需要禁用掉一个a链接元素.

在服务器端,比较容易;只需要设置LinkButton的Enabled属性即可.

那么在客户端,如何使用javascript来实现呢? 如果你想当然的认为,使用a.disabled=true就能实现,那就错了.

正确的方法是:同时设置disabled属性和href属性:

 )禁用a元素;

 // 功能: 禁用一个a元素;

 // 参数:

 //     link: a元素对象;

 function disableLink(link) {

     //设置href属性

     link.href = "javascript:void(0);";

     //设置disabled属性

     link.setAttribute("disabled", "disabled");

 }

 )启用a元素; 

  // 功能: 启用一个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标准,禁用a元素最后的办法是将其href属性删除,从而转换为文本元素;启用时,则添加href元素.保留disabled属性的逻辑时为了更好对应IE浏览器.

  // 功能: 禁用一个a元素;

  // 参数:

  //     link: a元素对象;

  function disableLink(link) {

       //删除href属性,使其成为文本元素

       link.removeAttribute("href");

       //设置disabled属性

       link.setAttribute("disabled", "disabled");

  }

 // 功能: 启用一个a元素;

 // 参数:

 //     link: a元素对象;

 function enableLink(link) {

       // 将id中的所有下划线(_)全部替换为美元 ($)符号;

       var postbackID = link.id.replace(/_/gi, "$");

       // 重新设置href

       link.setAttribute("href", "javascript:__doPostBack('" + postbackID + "','')") ;

       // 删除disabled属性

       link.removeAttribute("disabled");

 }