首頁 > 開發者 > JavaScript
超連結的禁用屬性Disabled瞭解，超連結屬性disabled
可以設定超連結的Disabled屬性的true 和 false來確定超連結是不是能點擊
例如：
<a herf='http://www.baidu.com' onclick='return click(this);' disabled='ture'>bai du</a>
上面的意思是不想讓bai du的超鏈生效，但在click不做任何約束和判斷的話，但點擊bai du的時候自然就會跳轉到百度頁面，這就是html中超連結禁用屬性的bug
可以添加下面js約束來判斷超連結是否可以使用
<script language='javascript'>
function click(obj)
{
if(obj.disabled)
{
return false;
}
return ture;
}
</script>
下面的微軟給出的bug解決方案：
藉助了全域變數，使用別的按鈕來改變disabled的屬性，來得到禁用屬性的效果.;
BUG： DISABLED 屬性不在禁用超連結
儘管 DISABLED 屬性設定為 True 一個超連結為在以下，
<a DISABLED="true" href="http://www.microsoft.com/">Where do you want to go today?</a>
使用者仍可以單擊超連結，然後 Internet Explorer 導航到所選頁。
若要解決此問題，設定返回 true 或 false 根據當前的執行內容的超連結的 onclick 事件。 在下面的代碼將全域的 Microsoft JScript 變數的值設定為 true 或 false ，根據按鈕單擊中。 目標超連結對象的 DISABLED 屬性被更新，以便它能夠正確通訊其禁用的狀態，其他對象並編寫指令碼頁上的功能。
<html>
<head>
<title>Workaround for DISABLED Attribute Problem</title>
<SCRIPT>
var canNav = false;
function canNavigate() {
return canNav;
}
function load() {
document.all("btn1").innerText = "Link status == " + canNav;
}
function setNavigate(linkObj, canNavParam) {
if (linkObj != null) {
if (canNavParam == false) {
linkObj.disabled = true;
} else {
linkObj.disabled = false;
}
canNav = canNavParam;
}
}
function updateBtnStatus(btnName) {
var btn = document.all(btnName);
if (btn != null) {
document.all(btnName).innerText = "Link status == " + canNav;
}
}
</SCRIPT>
</head>
<body onload="load();">
<a id="lnk1" disabled=true href="http://www.microsoft.com/" onclick="return canNavigate();">Click here</a><p>
<button id=btn1 onclick="setNavigate(document.all('lnk1'), !(canNav));updateBtnStatus('btn1');">
</button>
</body>
</html>
參考文獻：http://support.microsoft.com/kb/253579/zh-cn
<a>中自訂一個屬性unable來實現！貌似disabled屬性只有一個值disabled。
<a id="addGrade" href='javascript:;' unable="false" onclick='if(!isdis(this))addGrade()'>添加年級</a>
<a id="addClasses" href='javascript:;' unable="false" onclick='if(!isdis(this))addClasses()'>添加班級</a>
<a id="del" href='javascript:;' unable="false" onclick='if(!isdis(this))del()'>刪除所選</a>
function go(btns){
$("#addGrade,#addClasses,#del").attr("unable",true);
$("#addGrade,#addClasses,#del").addClass('disable');
$(btns).attr("unable",false);
$(btns).removeClass('disable');
}
function isdis(t){
return $(t).attr('unable')=="true";
}
a連結地disabled屬性用什CSS控制
#2方法還是可開啟連結,樓主是想點選連結時⑤效,用指令碼設定<a>href屬性為空白就可以
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
