爱收集资源网

第一种方法(常规):html代码中写入类型

网络整理 2024-02-09 07:05

第一种方式(常规):

思路:①、在html代码中写入类型为button类型按键网页点赞网页点赞,并给一个id名为praise

②、在js代码块中申明一个变量number并形参0

动物狂欢节的水族馆舞蹈_网页点赞_混合喂养宝宝不喝水怎么办

③、通过id属性查找点赞按键(praise)并绑定点击风波(click)

④、将自增的value的值赋给按键(praise)中的value属性

DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>点赞数</title>
</head>
<body>
        //在html代码中写入类型为button类型按钮,并给一个id名为praise
        <input type="button" id="praise" value="赞(0)">
</body>
<script type="text/javascript">
    //在js代码块中声明一个变量number并赋值0
    var number=0;
    //通过id属性查找点赞按钮(praise)并绑定点击事件(click)
    document.getElementById('praise').onclick=function(){
        //将自增的value的值赋给按钮(praise)中的value属性
        this.value="赞("+(++number)+")";
    }
</script>
</html>

第二种(推荐):

思路:和上述类似,区别是将this.value="赞("+(++number)+")"封装上去。

DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>点赞数</title>
</head>
<body>
    <input type="button" id="praise" value="赞(0)">
</body>
<script type="text/javascript">
    function zan(){
        var number=0;
        return function(){
            this.value="赞("+(++number)+")";
        }
     }
    var zz=zan();
    document.getElementById('praise').onclick=zz;
</script>
</html>

网页点赞