zoukankan      html  css  js  c++  java
  • Javascript循环绑定事件 web前端开发博客:http://www.css88.com/

    1.这是Mr.Lodar的方法:
    XML/HTML代码
    <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>      
    <html xmlns=“http://www.w3.org/1999/xhtml” >      
    <head>      
        <title>Untitled Page</title>      
    </head>      
    <body>      
    <ul id=“list”>      
    <li>第1条记录</li>      
    <li>第2条记录</li>      
    <li>第3条记录</li>      
    <li>第4条记录</li>      
    <li>第5条记录</li>      
    <li>第6条记录</li>      
    </ul>      
    <script type=“text/javascript”>          
        var list_obj = document.getElementById(“list”).getElementsByTagName(“li”); //获取list下面的所有li的对象数组       
        for (var i = 0; i <= list_obj.length; i++) {       
            list_obj[i].onmousemove = function() {       
                this.style.backgroundColor = “#cdcdcd”;       
            }       
            list_obj[i].onmouseout = function() {       
                this.style.backgroundColor = “#FFFFFF”;       
            }       
            list_obj[i].onclick = new function(n) {   
               return function(){alert(“这是第” +(n+1)+”条记录”);}   
            }(i);   
           
        }       
    </script>      
    </body>      
    </html>  
    2.这是freecat 的方法:
    freecat Publish at 2008-10-14 17:15:35
    这样更好,闭包是难,但不是你想象那样
     
    JavaScript代码
    <script type=“text/javascript”>    
    var list_obj = document.getElementById(“list”).getElementsByTagName(“li”); //获取list下面的所有li的对象数组    
    for (var i = 0; i <= list_obj.length; i++) {    
    (function(){    
    var p = i   
    list_obj[i].onmousemove = function() {    
    this.style.backgroundColor = “#cdcdcd”;    
    }    
    list_obj[i].onmouseout = function() {    
    this.style.backgroundColor = “#FFFFFF”;    
    }    
    list_obj[i].onclick = function() {    
    alert(“这是第” + p + “记录”);    
    }    
    })()    
    }    
    </script>  

  • 相关阅读:
    最短Hamilton路径-状压dp解法
    泡芙
    斗地主
    楼间跳跃
    联合权值
    虫食算
    抢掠计划
    间谍网络
    城堡the castle
    【模板】缩点
  • 原文地址:https://www.cnblogs.com/buffer/p/1719501.html
Copyright © 2011-2022 走看看