js控制按钮的点击次数

JavaScript034

js控制按钮的点击次数,第1张

<script>

     window.onload=function(){

        var t = document.getElementById("t")

        t.onclick=function(){

            var curCount =document.getElementById("t").getAttribute("count")

            if(parseInt(curCount)>2){

               alert("已点击两次")

            }else{

               document.getElementById("t").setAttribute("count",parseInt(curCount)+1)

            }

        }

     }

</script>

<button name="t" id="btn" count='0'></button>

提一下思路吧，实现模式可以分两种，

1.由前端控制。每次用户点击后，计数并将数值存储到cookie或者localStorage，每次点击时，先行判断是否达到上限。优势在于相对快速实现，弊端在于懂开发的人手动清理cookie和本地存储的数值。

2.由前后端协同控制。同样用户点击后，向服务器请求，服务器根据IP或其他信息将用户的点击次数记录下来，达到上限时报错，前端拒绝执行。优势在于相对安全，弊端在于开发时间相对多了。