如何实现链接只能被点击一次
Posted xiaoqi2018
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何实现链接只能被点击一次相关的知识,希望对你有一定的参考价值。
有时候,只希望某个链接只能被点击一次,怎么做呢?下面给出3中方法!
第一种:
利用JS在点击后把href变成#把taget变成空。
<p><a onclick="var that = this;setTimeout(function(){that.removeAttribute(‘href‘);that.onclick=that=null;}, 0);return true;" href="http://www.baidu.com" target="_blank">百度一下,你就知道!</a></p>
第二种:
利用JS在点击后删除href属性,使链接变为文字。兼容IE6,IE7,IE8,Firefox,Opera,Safari,Chrome
<p><a onclick="var that = this;setTimeout(function(){that.removeAttribute(‘href‘);that.onclick=that=null;}, 0);return true;" href="http://www.baidu.com" target="_blank">点击我领红包</a></p>
第三种:
设置href值及target值的一种做法
<p><a onclick="this._clk?(this.href=‘javascript:;‘,this.target=‘_self‘):(this._clk=1);" href="http://www.baidu.com" target="_blank">点我试试看</a></p>
以上是关于如何实现链接只能被点击一次的主要内容,如果未能解决你的问题,请参考以下文章