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标签中的disable属性。任何人都可以请帮我解释一下这个？

Answer 1

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

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

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

Answer 2

我认为'disable'属性不适用于链接，它主要用于表单元素，如输入，textarea，按钮等。

但正如@idealmachine所说，可以通过在javascript / jquery中返回false <a>来禁用正常链接return false。

Answer 3

例如：

let link_example = document.querySelector("#top-content .view-content a");
link_example.removeAttribute("href");

Answer 4

这是禁用链接的简短方法。

<a href="javascript:void(0)" >My link is disabled</a>

使用javascript禁用链接

4 个答案: