htm里面的a链接标签，怎么在里面添加判断条件_html/css_WEB-ITnose

原创: 2016-06-21 08:53:302392浏览

htm里面的a超链接标签，怎么在里面加入判断条件，当条件符合时，该链接按钮可以正常显示使用，当条件不符合时，该链接按钮无法显示或者显示为灰色状态，类似于在text里面的readonly属性一样

回复讨论(解决方案)

样式是这样的，怎么可以加入判断条件？类似于</div><div class="nphpQianMsg"><a href="//m.sbmmt.com/m/search?word=htm里面的a链接标签，怎么在里面添加判断条件">htm里面的a链接标签，怎么在里面添加判断条件</a><a href="//m.sbmmt.com/m/course/list/29/type/2.html">PHP课程</a><a href="//m.sbmmt.com/m/course/list/11.html">HTML视频教程</a><a href="//m.sbmmt.com/m/course/list/12.html">CSS视频</a><a href="//m.sbmmt.com/m/course/list/17.html">JS视频教程</a><a href="//m.sbmmt.com/m/course/list/18.html">Vue视频教程</a><div class="clear"></div></div><div class="nphpQianSheng"><span>声明：</span>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。</div></div><div class="wwads-cn wwads-horizontal" data-id="164" style="max-width:640px"></div><div class="nphpSytBox"><span>上一条：<a class="dBlack" href="//m.sbmmt.com/m/article/235920.html">前端开发面试题之 CSS_html/css_WEB-ITnose</a></span><span>下一条：<a class="dBlack" href="//m.sbmmt.com/m/article/235923.html">JavaScript中函数节流的理解_html/css_WEB-ITnose</a></span></div><script type="text/javascript" src="//m.sbmmt.com/sw/hezuo/16e561434ad42f17963b25d80a9fabeb.html" ></script><script type="text/javascript" src="//m.sbmmt.com/m//m.sbmmt.com/cpro/ui/cm.js" async="async" defer="defer" ></script><div class="nphpSytBox1"><div class="nphpShou"><a href="//m.sbmmt.com/m/k.html" class="aRed"><b class="icon2"></b><em>【23期】PHP线上培训班，最后一天报名时间！</em><span></span></a><div class="clear"></div></div><ul class="nphpBian"><li><a href="//m.sbmmt.com/m/blog/detail/1046940.html"><span class="bg1"></span><dl><dt>编程学习群</dt><dd>技术答疑交流</dd></dl><div class="clear"></div></a></li><li><a href="javascript:window.location.href = 'https://mp.weixin.qq.com/s?__biz=Mzk0MTE2MDU0Ng==&mid=2247487529&idx=1&sn=f4f9feda0951312daebe69478f219e7a&chksm=c2d7f124f5a0783233d879a6de3c59165dc2520e15813860b5bace817a6e08e530d454abd3c6#rd';"><span class="bg2"></span><dl><dt>关注公众号</dt><dd>获取学习资源</dd></dl><div class="clear"></div></a></li><div class="clear"></div></ul></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>学习路径</h2><em><a href="//m.sbmmt.com/m/map.html" class="bBlack"><i>查看更多</i><b></b></a></em><div class="clear"></div></div><div class="nphpXxljIn"><div class="swiper-container nphpXxljSwiper"><div class="swiper-wrapper"><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/2.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c55ec6c43763.png" alt="2022 大前端开发（Vue方向）" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>2022 大前端开发（Vue方向）</dt><dd>10门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/4.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c7cbcf076182.png" alt="PHP快速入坑" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>PHP快速入坑</dt><dd>10门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/5.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62e7d9d404651558.png" alt="PHP框架开发" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>PHP框架开发</dt><dd>9门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/7.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c80a792cb684.png" alt="WEB前端快速入门" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>WEB前端快速入门</dt><dd>11门课程</dd></dl></a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map/6.html"><img data-src="//m.sbmmt.com/img/upload/route/000/000/001/62f4c7f46ddcd313.png" alt="PHP实战开发" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /><dl><dt>PHP实战开发</dt><dd>7门课程</dd></dl></a></div><div class="clear"></div></div></div><script> var swiper = new Swiper('.nphpXxljSwiper', { slidesPerView : 'auto' }); </script></div></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>相关文章</h2><em><a href="//m.sbmmt.com/m/article.html" class="bBlack"><i>查看更多</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="//m.sbmmt.com/m/article/268447.html" class="aBlack">使用meta实现页面的定时刷新或跳转_html/css_WEB-ITnose</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/235923.html" class="aBlack">JavaScript中函数节流的理解_html/css_WEB-ITnose</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/275806.html" class="aBlack">前端模块管理器简介_html/css_WEB-ITnose</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/276218.html" class="aBlack">这个代码该如何写？关于调用js_html/css_WEB-ITnose</a><div class="clear"></div></li><li><b></b><a href="//m.sbmmt.com/m/article/276559.html" class="aBlack">有关浏览器兼容样式问题_html/css_WEB-ITnose</a><div class="clear"></div></li></ul></div><div class="nphpSytBox2"><div class="nphpTjkcTitle"><ul class="nphpTjkcMenu menu1"><li class="current">相关课程</li><div class="clear"></div></ul><div class="nphpTjkcMenuIn" style="text-align:center;line-height:23px;background:linear-gradient(90deg, #FFF0EF 0%, #fdd2cf 100%);"><a href="//m.sbmmt.com/m/course/type/8.html" style="width:100px;text-align:center;color:#F40303"><img src="//m.sbmmt.com/img/upload/article/000/000/015/60ab3b6160ae1893.png" style="width:10px;height:10px;margin:7px 5px 0 0;"><strong>PHP直播课</strong></a></div><div class="clear"></div></div><div class="content1"><div class="layout1"><ul class="nphpXszkList nphpXszkList1"><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/170.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/6253ddf274262146.png" alt="PHP入门视频教程之一周学会PHP" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/170.html" class="aBlack">PHP入门视频教程之一周学会PHP</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/29.html">PHP教程</a>｜1353845次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/177.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/6253ded505801941.png" alt="弹指间学会HTML视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/177.html" class="aBlack">弹指间学会HTML视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/11.html">HTML教程</a>｜190193次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/178.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/6253df9cb15b8188.png" alt="弹指间学会CSS视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/178.html" class="aBlack">弹指间学会CSS视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/12.html">CSS教程</a>｜116179次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/179.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/625418e1161cb159.png" alt="javascript初级视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/179.html" class="aBlack">javascript初级视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/17.html">JavaScript教程</a>｜177716次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li><li><div class="nphpXszkImg"><a href="//m.sbmmt.com/m/course/180.html" class="aWhite"><img data-src="//m.sbmmt.com/img/upload/course/000/000/068/62552cc4a8984974.png" alt="CSS3 最新视频教程" class="lazyload" src="//m.sbmmt.com/m/static/front/mobimages/moren/moren.png" /></a></div><div class="nphpXszkCont"><h2><a href="//m.sbmmt.com/m/course/180.html" class="aBlack">CSS3 最新视频教程</a></h2></div><div class="clear"></div><div class="nphpXszkMsg"><span><a href="//m.sbmmt.com/m/course/list/14.html">CSS3教程</a>｜45881次学习</span><em><i> 公益 </i><div class="clear"></div></em><div class="clear"></div></div></li></ul></div></div><div class="_prla37v1mxq"></div><script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6878819", container: "_prla37v1mxq", async: true }); </script><div class="nphpShou2"><a href="//m.sbmmt.com/m/app/" class="aRed"><b></b><em>打开APP，随时随地在线学习！</em><span></span></a><div class="clear"></div></div></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="//m.sbmmt.com/m/"><b class="icon1"></b><p>首页</p></a></li><li><a href="//m.sbmmt.com/m/course.html"><b class="icon2"></b><p>课程</p></a></li><li><a href="//m.sbmmt.com/m/k.html" class="hover"><b class="icon3"></b><p>直播</p></a></li><li><a href="//m.sbmmt.com/m/wenda.html"><b class="icon4"></b><p>社区</p></a></li><li><a href="//m.sbmmt.com/m/login"><b class="icon5"></b><p>我的</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="//m.sbmmt.com/m/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="//m.sbmmt.com/m/"><b class="icon1"></b><span>首页</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/course.html"><b class="icon2"></b><span>课程</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/article.html"><b class="icon3"></b><span>文章</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/wenda.html"><b class="icon4"></b><span>问答</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/blog.html"><b class="icon5"></b><span>博客</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/dic.html"><b class="icon6"></b><span>词典</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/course/type/99.html"><b class="icon7"></b><span>手册</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/xiazai/"><b class="icon8"></b><span>资源</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/search"><b class="icon9"></b><span>搜索</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/app/"><b class="icon10"></b><span>APP下载</span><div class="clear"></div></a></li><li><a href="//m.sbmmt.com/m/mk.html"><b class="icon11"></b><span>PHP培训</span><em>新</em><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="//m.sbmmt.com/m/article/#"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="//m.sbmmt.com/m/" >首页</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/course.html" >课程</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/map.html">路径</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/article.html" class="hover">文章</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/mk.html" title="PHP培训">PHP培训</a><b></b></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/coding.html">精品课</a></div><div class="swiper-slide"><a href="//m.sbmmt.com/m/xiazai" >下载</a></div><div class="clear"></div></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto' }); </script></div></div></div><script>var href = window.location.href; var title = document.title; var num = Math.floor(Math.random() * 10000 + 1); var newscript = document.createElement('script'); newscript.setAttribute('type','text/javascript'); newscript.setAttribute('src',"https://analyze.xm6wpp.com/index.php/api/statistics/phpcn?url="+encodeURIComponent(href)+"&title="+encodeURIComponent(title)+"&"+num); var head = document.getElementsByTagName('head')[0]; head.appendChild(newscript); (function () { var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') {bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';} else {bp.src = 'http://push.zhanzhang.baidu.com/push.js';} var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://m.sbmmt.com/hm.js?43f47cabf6856204df6d083dd89ae407"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script><script>isLogin = 0;</script><script type="text/javascript" src="//m.sbmmt.com/m/static/layui/layui.js"></script><script type="text/javascript" src="//m.sbmmt.com/m/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><script type="text/javascript" src="//m.sbmmt.com/m//m.sbmmt.com/cpro/ui/cm.js" async="async" defer="defer" ></script><script type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script><link rel='stylesheet' id='_main-css' href='//m.sbmmt.com/m/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='//m.sbmmt.com/m/static/js/viewer.min.js?1'></script><script type='text/javascript' src='//m.sbmmt.com/m/static/js/jquery-viewer.min.js'></script><script>$('.nphpApp').hide(); jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); $(function() { $(".nphpFen em").click(function(){ if($(this).hasClass("icon1")){ $(this).removeClass("icon1").addClass("icon2").html("<b></b>已收藏") }else{ $(this).removeClass("icon2").addClass("icon1").html("<b></b>收藏") } }) $(".nphpFen i").click(function(){ if($(this).hasClass("icon1")){ $(this).removeClass("icon1").addClass("icon2").html("<b></b>已点赞") }else{ $(this).removeClass("icon2").addClass("icon1").html("<b></b>点赞") } }) }) </script><script> // function called if wwads is blocked function ABDetected() { document.getElementsByClassName("wwads-cn")[0].insertAdjacentHTML("beforeend", "<style>.wwads-horizontal,.wwads-vertical{background-color:#f4f8fa;padding:5px;min-height:120px;margin-top:20px;box-sizing:border-box;border-radius:3px;font-family:sans-serif;display:flex;min-width:150px;position:relative;overflow:hidden;}.wwads-horizontal{flex-wrap:wrap;justify-content:center}.wwads-vertical{flex-direction:column;align-items:center;padding-bottom:32px}.wwads-horizontal a,.wwads-vertical a{text-decoration:none}.wwads-horizontal .wwads-img,.wwads-vertical .wwads-img{margin:5px}.wwads-horizontal .wwads-content,.wwads-vertical .wwads-content{margin:5px}.wwads-horizontal .wwads-content{flex:130px}.wwads-vertical .wwads-content{margin-top:10px}.wwads-horizontal .wwads-text,.wwads-content .wwads-text{font-size:14px;line-height:1.4;color:#0e1011;-webkit-font-smoothing:antialiased}.wwads-horizontal .wwads-poweredby,.wwads-vertical .wwads-poweredby{display:block;font-size:11px;color:#a6b7bf;margin-top:1em}.wwads-vertical .wwads-poweredby{position:absolute;left:10px;bottom:10px}.wwads-horizontal .wwads-poweredby span,.wwads-vertical .wwads-poweredby span{transition:all 0.2s ease-in-out;margin-left:-1em}.wwads-horizontal .wwads-poweredby span:first-child,.wwads-vertical .wwads-poweredby span:first-child{opacity:0}.wwads-horizontal:hover .wwads-poweredby span,.wwads-vertical:hover .wwads-poweredby span{opacity:1;margin-left:0}.wwads-horizontal .wwads-hide,.wwads-vertical .wwads-hide{position:absolute;right:-23px;bottom:-23px;width:46px;height:46px;border-radius:23px;transition:all 0.3s ease-in-out;cursor:pointer;}.wwads-horizontal .wwads-hide:hover,.wwads-vertical .wwads-hide:hover{background:rgb(0 0 0 /0.05)}.wwads-horizontal .wwads-hide svg,.wwads-vertical .wwads-hide svg{position:absolute;left:10px;top:10px;fill:#a6b7bf}.wwads-horizontal .wwads-hide:hover svg,.wwads-vertical .wwads-hide:hover svg{fill:#3E4546}</style><a href='https://wwads.cn/page/whitelist-wwads' class='wwads-img' target='_blank' rel='nofollow'><img src='https://creatives-1301677708.file.myqcloud.com/images/placeholder/wwads-friendly-ads.png' width='130'></a><div class='wwads-content'><a href='https://wwads.cn/page/whitelist-wwads' class='wwads-text' target='_blank' rel='nofollow'>为了本站的长期运营，请将我们的网站加入广告拦截器的白名单，感谢您的支持！</a><a href='https://wwads.cn/page/end-user-privacy' class='wwads-poweredby' title='万维广告～让广告更优雅，且有用' target='_blank'><span>万维</span><span>广告</span></a></div><a class='wwads-hide' onclick='parentNode.remove()' title='隐藏广告'><svg xmlns='http://www.w3.org/2000/svg' width='6' height='7'><path d='M.879.672L3 2.793 5.121.672a.5.5 0 11.707.707L3.708 3.5l2.12 2.121a.5.5 0 11-.707.707l-2.12-2.12-2.122 2.12a.5.5 0 11-.707-.707l2.121-2.12L.172 1.378A.5.5 0 01.879.672z'></path></svg></a>"); }; //check document ready function docReady(t) { "complete" === document.readyState || "interactive" === document.readyState ? setTimeout(t, 1) : document.addEventListener("DOMContentLoaded", t); } //check if wwads' fire function was blocked after document is ready with 3s timeout (waiting the ad loading) docReady(function () { setTimeout(function () { if( window._AdBlockInit === undefined ){ ABDetected(); } }, 3000); }); </script><script> var returnCitySN = ''; // document.getElementById("phpad").style.display="none"; // document.getElementById("topad").style.display="none"; // document.getElementById("phpcontent").style.display="none"; // document.getElementById("app_open").style.display="none"; </script><script type="text/javascript" charset="UTF-8" src="//m.sbmmt.com/ip/city.php?sign=139bd8e52bcb4b3fa9a05c762b7c4686"></script><script>var cname = returnCitySN.cname; var cname = cname.split("|"); function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } //读cookies function getCookiea(name) { var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return arr[2]; else return null; } var ad = getCookiea('ad'); if(ad) { var num = parseInt(ad)+1; } else { var num = 1; } if(num <= 20 || true) { if( returnCitySN == '' || encodeURIComponent(returnCitySN.cname).indexOf('%E5%B8%B8%E5%BE%B7') != -1 || encodeURIComponent(returnCitySN.cname).indexOf('%E6%96%B0%E7%96%86') != -1 || encodeURIComponent(returnCitySN.cname).indexOf('%E5%8C%97%E4%BA%AC') != -1) { // $('#phpad').remove(); // $('#topad').remove(); // $('#phpcontent').remove(); // $('#app_open').remove(); } else { // document.getElementById("phpad").style.display=""; // document.getElementById("topad").style.display=""; // document.getElementById("phpcontent").style.display=""; // document.getElementById("app_open").style.display=""; } setCookie('ad',num,1) } </script></body></html>