zoukankan      html  css  js  c++  java
  • 超链接的禁用属性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 

  • 相关阅读:
    使用xca生成SSL证书
    在 Apache error_log 中看到多个信息,提示 RSA server certificate CommonName (CN) 与服务器名不匹配(转)
    SSL/TLS 高强度加密: 常见问题解答
    JAVA 集合操作总结
    VUE 微信开发
    实战 ant design pro 中的坑
    Spring boot 配置 mybatis xml和动态SQL 分页配置
    VUE打包上线优化
    VUE中如何优雅的动态绑定长按事件
    用C自撸apache简易模块,搭建图片处理服务器。
  • 原文地址:https://www.cnblogs.com/ranzige/p/3878617.html
Copyright © 2011-2022 走看看