2010-10-14 116 views
3

我有以下的HTML,并希望禁用使用JavaScript的链接。使用javascript禁用链接

<a style="white-space: nowrap;" onclick="return InstallWebApp(true);" id="uc_ii_lnkInstall" href="javascript:__doPostBack('uc_ii$lnkInstall','')"> 
<img style="border-width: 0pt; margin-right: 3px;" id="uc_ii_lnkInstallImg" alt="Install" title="Install" src="/CortexDotNet/pics/buttons/install_g.gif"> 
Install 
</a> 

中的JavaScript我使用的是:

document.getElementById("uc_ii_lnkInstall").disabled = true; 

但是,它不工作,我仍然可以点击这个这个链接我已经停用使用上述javascript.I看的链接后, html,它似乎没有在标签中的禁用属性。任何人都可以帮我解释一下吗?

+0

diSable,对吧? – 2010-10-14 02:19:46

回答

9
document.getElementById("uc_ii_lnkInstall").onclick = function() { return false; }; 

旧式事件处理程序中false的返回值会阻止默认操作(即加载javascript:URL)。

如果您想灰显图片链接,您还需要将图片的src URL替换为一个指向图标的灰色版本并使用.style.color = "gray";更改文本颜色。

+0

非常感谢!!!!!!!!!!!!!! ! – Ybbest 2010-10-14 03:13:01

1

我不认为“禁用”属性将在环节的工作,它主要是对工作表单元素,如输入,文本区域,按钮等

但作为@idealmachine说正常链接<a>可以被禁用通过在javascript/jquery中返回假'return false'。