使用javascript禁用链接

Question

我有以下HTML,并希望使用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禁用链接后单击此链接.我看看html,它似乎没有在tag中的disable属性.任何人都可以帮助我请解释一下？

Answer 1

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

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

如果要使图像链接变灰,则还需要将图像的src URL替换为指向图标的灰色版本的URL,并使用更改文本的颜色.style.color = "gray";.