如何实现链接只能被点击一次

2024年5月31日 212次阅读 来源: 前端蜗牛君

有时候，只希望网站某个链接只能被点击一次，怎么做呢？下面给出3中方法！
第一种：
利用JS在点击后把href变成#把taget变成空。

 

  
  
   
   <
   
   p
   
   ><
   
   a 
   
   onclick
   
   ="var that = this;setTimeout(function(){that.removeAttribute('href');that.οnclick=that=null;}, 0);return true;"
   
    href
   
   ="http://www.g.cn"
   
    target
   
   ="_blank"
   
   >
   
   Open Google in New Window
   
   </
   
   a
   
   ></
   
   p
   
   >

 

 

Open Google in New Window

提示：你可以先修改部分代码再运行。

第二种：
利用JS在点击后删除href属性，使链接变为文字。兼容IE6,IE7,IE8,Firefox,Opera,Safari,Chrome

 

  
  
   
   <p><a οnclick="var that = this;setTimeout(function(){that.removeAttribute('href');that.οnclick=that=null;}, 0);return true;" href="http://www.g.cn" target="_blank">Open Google in New Window</a></p>

 

 

Open Google in New Window

提示：你可以先修改部分代码再运行。

第三种：
设置href值及target值的一种做法

 

  
  
   
   <p><a οnclick="this._clk?(this.href='javascript:;',this.target='_self'):(this._clk=1);" href="http://www.google.cn" target="_blank">Open Google in New Window</a></p>

 

 

    原文作者：前端蜗牛君
    原文地址: https://blog.csdn.net/zqd_java/article/details/53506501
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞