zoukankan html css js c++ java

点击记数

普遍的写法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="22">
<input type="button" value="22">
<input type="button" value="22">
<input type="button" value="22">
<div id="a" style="100px;height:100px;background:green;"></div>
</body>
</html>
<script type="text/javascript">
    window.onload = function () {
        var obtn = document.getElementsByTagName("input");
        var i=0;
        for(i=0;i<obtn.length;i++){
            aa(obtn[i]);
        }
    };
    function aa(obj)
    {
        var count = 0;
        obj.onclick = function () {
            console.log(count++);
        };
    }
</script>

另一种写法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="22">
<input type="button" value="22">
<input type="button" value="22">
<input type="button" value="22">
<div id="a" style="100px;height:100px;background:green;"></div>
</body>
</html>
<script type="text/javascript">
    window.onload = function () {
        var obtn = document.getElementsByTagName("input");
        var i=0;
        for(i=0;i<obtn.length;i++){
            (function (obj){
                var count = 0;
                obj.onclick = function () {
                    console.log(count++);
                };
            })(obtn[i]);
        }
    };
</script>

注意aa(obtn[i])的写法转变为（fn)(obtn[i])，可以不用写函数名,把传入的参数放到方法的后面

繁琐的写法：

    window.onload = function () {
        var obtn = document.getElementsByTagName("input");
        var i=0;
        for(i=0;i<obtn.length;i++){
                obtn[i].onclick = function (count) {//省去变量的声明
                    return function () {
                        console.log(count++);
                    }
                }(0);
        }
    };

查看全文

相关阅读:
文本文件关键字替换(Java)
Java分页需求
 四、MyBatis主配置文件
 三、动态SQL语句
 二、SQL语句映射文件(2)增删改查、参数、缓存
 二、SQL语句映射文件(1)resultMap
一、MyBatis简介与配置MyBatis+Spring+MySql
一个SpringMVC简单Demo中出现的错误
 linux系统如何将系统中的文件名改为英文？
spring测试

原文地址：https://www.cnblogs.com/wang715100018066/p/6289544.html