当前位置：首页 > 资讯 > 技术文档

超链接的禁用属性Disabled使用示例

时间：2022-08-22 21:04 编辑：来源：阅读：
扫一扫，手机访问

摘要：超链接的禁用属性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/" rel="external nofollow" rel="external nofollow" >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/" 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>

全部评论(0)

上一篇：HTML5+JS+JQuery+ECharts实现异步加载问题
下一篇：Knockoutjs 学习系列(二)花式捆绑

资讯排行榜
更多>>