超链接的禁用属性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 > 
<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了解

时间: 2024-10-13 05:27:18

超链接的禁用属性Disabled了解的相关文章

JQuery设置input属性(disabled、enabled)

document.getElementById("removeButton").disabled = false; //普通Js写法 $("#removeButton").removeAttr("disabled");// Enable,JQuery写法 $("#removeButton").attr("disabled","disabled");// disabled JQuery设置

使输入框(input &#160;&amp; textarea)变为只可读状态readonly=&quot;readonly&quot;,禁用输入框disabled=&quot;disabled&quot;

使输入框变为只可读状态 readonly="readonly" <input class="select-city" placeholder="请选择身份" readonly="readonly"> 禁用输入框 disabled="disabled" <input type="text" value="" disabled="disable

input from 表单提交 使用 属性 disabled=&amp;quot;disabled&amp;quot; 后台接收不到name=&amp;quot;username&amp;quot;的值

input from 表单提交 使用 属性 disabled="disabled" 后台接收不到name="username"的值

五月六日 HTML标签 超链接、图片属性和列表

今天的内容主要是HTML标签的超链接 图片属性 列表的用法 一.超链接,锚点和下载. (1)超链接 <a href="URL" targe="_blank">网站名</a> 可以直接点击中间的文字打开网址,target是点击超链接打开的网页的属性,_self是直接在当前页面打开, _blank是在新的空白标签页中打开. (2)锚点 <a name="锚点">   定义 一个锚点 <a href="

jQuery 禁用select和取消禁用之disabled

jQuery1.5及以前: 禁用select: $('#groupId').attr('disabled','disabled'); 取消禁用: $('#groupId').removeAttr('disabled'); jQuery1.6及以后:还可以使用,也就是说在1.6以后prop和attr均奏效 禁用select: $('#groupId').prop("disabled", true); 取消禁用: $('#groupId').prop("disabled"

前端调试代码 chrom 和 火狐禁用缓存 Disabled cache

前端调试的时候经常遇到缓存问题, chrome : f12  ---> 找到 Disabled caceh 勾上 火狐: f12 找到 禁用缓存 原文地址:https://www.cnblogs.com/dafei4/p/11169071.html

input属性 disabled与readonly的区别

从效果上看 源码 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <form> 9 <table> 10 <caption>disabled与readonly的区别&

html中超链接的target属性

<a> 标签的 target 属性规定在何处打开链接文档.(target就是目标的意思) 一共有(4+1种选择): 用法:<a target="value"> 值  描述 _blank  在新窗口中打开被链接文档. _self  默认.在相同的框架中打开被链接文档. _parent  在父框架集中打开被链接文档. _top  在整个窗口中打开被链接文档. framename 在指定的框架中打开被链接文档. 注意:前四种是系统默认的,同时 _blank和 _sel

linux学习:selinux 禁用后(disabled)Linux系统无法正常启动解决

参数改错地方了,应该修改SELINUX=disabled,却改成了SELINUXTYPE=disabled, 重启就会出现如下: 重启:按e,进入如下: 按e,选择第2个:进入如下: 按e进入编辑,在末尾增加enforcing=0:进入如下 输入后自动就变成这样了 按回车键,再按b,如下: 记得把配置改回来: SELINUXTYPE还是改回默认的targeted,SELINUX=disabled 重启: