快捷導(dǎo)航

超鏈接的禁用屬性Disabled使用示例

更新時(shí)間：2014年07月31日 10:41:31 投稿：whsnow

可以設(shè)置超鏈接的Disabled屬性的true 和 false來(lái)確定超鏈接是不是能點(diǎn)擊，下面有個(gè)示例，大家不妨參考下

可以設(shè)置超鏈接的Disabled屬性的true 和 false來(lái)確定超鏈接是不是能點(diǎn)擊

例如：

<a herf='http://www.baidu.com' onclick='return click(this);' disabled='ture'>bai du</a>

上面的意思是不想讓bai du的超鏈生效，但在click不做任何約束和判斷的話，但點(diǎn)擊bai du的時(shí)候自然就會(huì)跳轉(zhuǎn)到百度頁(yè)面，這就是html中超鏈接禁用屬性的bug
可以添加下面js約束來(lái)判斷超鏈接是否可以使用

<script language='javascript'> 
function click(obj) 
{ 
if(obj.disabled) 
{ 
return false; 
} 
return ture; 
} 
</script>

下面的微軟給出的bug解決方案：

借助了全局變量，使用別的按鈕來(lái)改變disabled的屬性，來(lái)得到禁用屬性的效果.;

BUG： DISABLED 屬性不在禁用超鏈接
盡管 DISABLED 屬性設(shè)置為 True 一個(gè)超鏈接為在以下，
<a DISABLED="true" rel="external nofollow" rel="external nofollow" >Where do you want to go today?</a>
用戶仍可以單擊超鏈接，然后 Internet Explorer 導(dǎo)航到所選頁(yè)。

若要解決此問(wèn)題，設(shè)置返回 true 或 false 根據(jù)當(dāng)前的執(zhí)行上下文的超鏈接的 onclick 事件。在下面的代碼將全局的 Microsoft JScript 變量的值設(shè)置為 true 或 false ，根據(jù)按鈕單擊中。目標(biāo)超鏈接對(duì)象的 DISABLED 屬性被更新，以便它能夠正確通信其禁用的狀態(tài)，其他對(duì)象并編寫(xiě)腳本頁(yè)上的功能。

<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  rel="external nofollow" rel="external nofollow" onclick="return canNavigate();">Click here</a><p> 
<button id=btn1 onclick="setNavigate(document.all('lnk1'), !(canNav));updateBtnStatus('btn1');"> 
</button> 
</body> 
</html>

您可能感興趣的文章: