超链接的禁用属性Disabled使用示例
更新时间：2014年07月31日 10:41:31 投稿：whsnow
可以设置超链接的Disabled属性的true 和 false来确定超链接是不是能点击，下面有个示例，大家不妨参考下
可以设置超链接的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>
相关文章
本篇文章主要是对JS数组的赋值进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
javascript下arguments,caller,callee,call,apply示例及理解
在看到大家如此关注JS里头的这几个对象，我试着把原文再修改一下，力求能再详细的阐明个中意义2009-12-12
这篇文章主要介绍了JS高级运动,结合实例形式分析了javascript运动框架原理、实现与应用技巧,需要的朋友可以参考下2016-12-12
本文主要分享了js实现九宫格拼图小游戏的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
BS系统一个非常烦人的地方是不知道用户什么时候关闭浏览器离开系统.这里,我们采用onbeforeunload参数监控用户是否关闭浏览器.2009-08-08
如何更改js的alert样式如：弹出对话框时的背景颜色、背景透明等等，下面有效果图，感兴趣的朋友可以学习下2014-01-01
本篇文章主要是对JS判断对象是否存在的10种方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本文主要介绍了原生js实现无限循环轮播图效果的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了js实现精美的银灰色竖排折叠菜单,可实现页面左侧竖排的纵向折叠菜单效果,非常美观实用,需要的朋友可以参考下2015-05-05
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
这篇文章主要介绍了通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
最新评论