javascript - 使用 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，它似乎在 a 标记中没有禁用属性。任何人都可以请帮我解释一下？

Answer 1

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

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

如果您想将图像链接变灰，您还需要将图像的 src URL 换成一个指向变灰版本的图标，并使用 .style.color = 更改文本的颜色“灰色”；。