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


Posted in Javascript onJuly 31, 2014

可以设置超链接的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>
Javascript 相关文章推荐
js数组循环遍历数组内所有元素的方法
Jan 18 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
Mar 30 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
js中this对象用法分析
Jan 05 Javascript
JS实现简易留言板(节点操作)
Mar 16 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
Aug 31 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 Javascript
Windows 系统下安装和部署Egret的开发环境
Jul 31 #Javascript
js锁屏解屏通过对$.ajax进行封装实现
Jul 31 #Javascript
javascript函数中参数传递问题示例探讨
Jul 31 #Javascript
JavaScript数值转换的三种方式总结
Jul 31 #Javascript
new Date()问题在ie8下面的处理方法
Jul 31 #Javascript
JS数组的遍历方式for循环与for...in
Jul 31 #Javascript
js中回调函数的学习笔记
Jul 31 #Javascript
You might like
php全角字符转换为半角函数
2014/02/07 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
学习jquery必备 api中英文对照的chm手册 下载
2007/05/03 Javascript
JS OOP包机制,类创建的方法定义
2009/11/02 Javascript
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
2011/07/31 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
Jquery easyui 实现动态树
2015/11/17 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
Less 安装及基本用法
2018/05/05 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
深入理解JavaScript的async/await
2018/08/05 Javascript
VUE预渲染及遇到的坑
2018/09/03 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
实例解析Python中的__new__特殊方法
2016/06/02 Python
Python调用系统底层API播放wav文件的方法
2017/08/11 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
Django model select的多种用法详解
2019/07/16 Python
Python数据存储之 h5py详解
2019/12/26 Python
python ubplot使用方法解析
2020/01/10 Python
python实现简单的tcp 文件下载
2020/09/16 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
枚举与#define宏的区别
2014/04/30 面试题
struct和class的区别
2015/11/20 面试题
中班开学寄语
2014/04/04 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
婚宴新娘致辞
2015/07/28 职场文书
2019消防宣传标语!
2019/07/10 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书
详解Python requests模块
2021/06/21 Python