超链接的禁用属性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
超链接的禁用属性Disabled了解的更多相关文章
- JQuery设置input属性(disabled、enabled)
document.getElementById("removeButton").disabled = false; //普通Js写法 $("#removeButton&q ...
- AD域 根据 用户属性userAccountControl 来判断用户禁用属性
参考:https://support.microsoft.com/zh-cn/help/305144/how-to-use-the-useraccountcontrol-flags-to-manipu ...
- input from 表单提交 使用 属性 disabled="disabled" 后台接收不到name="username"的值
input from 表单提交 使用 属性 disabled="disabled" 后台接收不到name="username"的值
- 解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的,通常情况下我们会将input框设置为 readonly , 但是 select 控件没有这个属性,需要使用另一个属性 disabled ...
- 使输入框(input & textarea)变为只可读状态readonly="readonly"，禁用输入框disabled="disabled"
使输入框变为只可读状态 readonly="readonly" <input class="select-city" placeholder=" ...
- input属性disabled和readonly的区别
两种属性的写法如下: 1.<input type="text" name="name" value="xxx" disabled=&q ...
- CSS属性disabled和readonly的区别是什么
在博客园中看到这样一篇文章,关于disabled和readonly的区别,以前还真的没有注意它们的区别,还是有必要知道它们的区别的,所以转载了. 这两个属性有类似之处,但是区别也是巨大的,之所以说类似 ...
- jQuery 禁用select和取消禁用之disabled
jQuery1.5及以前: 禁用select: $('#groupId').attr('disabled','disabled'); 取消禁用: $('#groupId').removeAttr('d ...
- 表单对象属性disabled和readOnly
简而言之: disabled 和 readonly 区别: disabled 被禁用后的元素,不会随表单提交 readonly 不可修改, 会随表单提交
随机推荐
- lr关联需要转义的常见字符
转义字符总结 在做手动关联时,取边界值的时候,会经常用到转义字符,现将转义字符整理如下: \b 退格 \f 换页 \n 换行 ...
- ubuntu sublime text 3 build 3083 license
经验证:sublime text 3 3083可用 ----- BEGIN LICENSE -----Andrew WeberSingle User LicenseEA7E-855605813A03D ...
- Java Script 基础
一. JS的简介 JavaScript是一种网页编程技术,经常用于创建动态交互网页 JavaScript是一种基于对象和事件驱动的解释性脚本语言,类似C语言和Java的语法 事先不编译:逐行执行:无需 ...
- 关于 DP 的一些题目
DP 是真的好玩. 口胡一段话题解: DP 题集 1 DP 题集 2
- javascript类型系统
前面的话 除了对象之外,数组Array类型可能是javascript中最常用的类型了.而且,javascript中的数组与其他多数语言中的数组有着相当大的区别.本文将介绍javascript中的数组A ...
- Entity Framework（实体框架 EF）
什么是Entity Framework呢(下面简称EF)? EF(实体框架)是ADO.NET中的一组支持开发面向数据的软件应用程序的技术,是微软的一个ORM框架.ORM(对象关系映射框架):指的是面向 ...
- apk安装 卸载 原理
韩梦飞沙 韩亚飞 313134555@qq.com yue31313 han_meng_fei_sha 复制 apk到 /data/app目录下,解压并扫描 安装包, 把 dex文件,保存到 ...
- BZOJ 4276: [ONTAK2015]Bajtman i Okrągły Robin
最大权值匹配,贪心匈牙利即可. 检查一些人是否能被全部抓住可以采用左端点排序,右端点优先队列处理. By:大奕哥 #include<bits/stdc++.h> using namespa ...
- 「2017 山东一轮集训 Day4」基因
设置 \(\sqrt{n}\) 个关键点,维护出关键点到每个右端点之间的答案以及Pam的左指针,每次暴力向左插入元素即可,为了去重,还需要记录一下Pam上每个节点在每个关键点为左端点插入到时候到最左边 ...
- HDU 6136 Death Podracing（循环链表）
[题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=6136 [题目大意] 一堆人在操场上跑步,他们都有一定的速度和初始位置, 当两个人相遇的时候编号较小 ...