首页 >web前端 >html教程 >超链接的禁用属性Disabled了解_html/css_WEB-ITnose

超链接的禁用属性Disabled了解_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:00:522267浏览

可以设置超链接的Disabled属性的true 和 false来确定超链接是不是能点击 

例如: 
bai du 

上面的意思是不想让bai du的超链生效,但在click不做任何约束和判断的话,但点击bai du的时候自然就会跳转到百度页面,这就是html中超链接禁用属性的bug 
可以添加下面js约束来判断超链接是否可以使用 
     

下面的微软给出的bug解决方案: 
借助了全局变量,使用别的按钮来改变disabled的属性,来得到禁用属性的效果.; 

BUG: DISABLED 属性不在禁用超链接 
尽管 DISABLED 属性设置为 True 一个超链接为在以下, 
Where do you want to go today? 
用户仍可以单击超链接,然后 Internet Explorer 导航到所选页。 

若要解决此问题,设置返回 true 或 false 根据当前的执行上下文的超链接的 onclick 事件。 在下面的代码将全局的 Microsoft JScript 变量的值设置为 true 或 false ,根据按钮单击中。 目标超链接对象的 DISABLED 属性被更新,以便它能够正确通信其禁用的状态,其他对象并编写脚本页上的功能。 
 

 
Workaround for DISABLED Attribute Problem 
<script> <br />var canNav = false; <br />function canNavigate() { <br />return canNav; <br />} <br />function load() { <br />document.all("btn1").innerText = "Link status == " + canNav; <br />} <br /><br />function setNavigate(linkObj, canNavParam) { <br />if (linkObj != null) { <br />if (canNavParam == false) { <br />linkObj.disabled = true; <br />} else { <br />linkObj.disabled = false; <br />} <br />canNav = canNavParam; <br />} <br />} <br /><br />function updateBtnStatus(btnName) { <br />var btn = document.all(btnName); <br />if (btn != null) { <br />document.all(btnName).innerText = "Link status == " + canNav; <br />} <br />} <br /></script> 

 
 
Click  here

 
 
 
 
参考文献:http://support.microsoft.com/kb/253579/zh-cn 

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn