动态加载 事件onclick 如何实时传值,求教


<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""></HEAD>
<script language=javascript>
var counts = 3;window.onload = function(){
      for(var i=1;i<=counts;i++)
  {
  alert(i);
     document.getElementById("btnSlide"+i).onmouseover=new Function("onmouseoverset("+ i + ")");
     document.getElementById("btnSlide"+i).onmouseout=function(){alert("out");} 
  }  }
  function onmouseoverset(i)
  {
    alert(i);
    //传递近来参数做尽一步处理
  }
</script>
<BODY >
<table cellspacing="0" cellpadding="1" border="0">
        <tr>
            <td><div id="btnSlide1" style="cursor:pointer;vertical-align:middle;text-align:center;width:14px;height:14px;border:1px solid #D69999;font-size:12px"  >1</div></td>
            <td><div id="btnSlide2" style="cursor:pointer;vertical-align:middle;text-align:center;width:14px;height:14px;border:1px solid #D69999;font-size:12px" >2</div></td>
            <td><div id="btnSlide3" style="cursor:pointer;vertical-align:middle;text-align:center;width:14px;height:14px;border:1px solid #D69999;font-size:12px" >3</div></td>
            
        </tr>
    </table></BODY>
</HTML>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT=""></HEAD>
    <script language=javascript>
    var counts = 3;window.onload = function(){
          for(var i=1;i<=counts;i++)
      {
      alert(i);
         test(i);
      }  }function test(d)
    {
       document.getElementById("btnSlide"+d).onmouseover=function(){onmouseoverset(d);}
         document.getElementById("btnSlide"+d).onmouseout=function(){alert("out");} 
    }
      function onmouseoverset(i)
      {
        alert(i);
        //传递近来参数做尽一步处理
      }
    </script>
    <BODY >
    <table cellspacing="0" cellpadding="1" border="0">
            <tr>
                <td><div id="btnSlide1" style="cursor:pointer;vertical-align:middle;text-align:center;width:14px;height:14px;border:1px solid #D69999;font-size:12px"  >1</div></td>
                <td><div id="btnSlide2" style="cursor:pointer;vertical-align:middle;text-align:center;width:14px;height:14px;border:1px solid #D69999;font-size:12px" >2</div></td>
                <td><div id="btnSlide3" style="cursor:pointer;vertical-align:middle;text-align:center;width:14px;height:14px;border:1px solid #D69999;font-size:12px" >3</div></td>
                
            </tr>
        </table></BODY>
    </HTML>
      

  2.   

    document.getElementById("btnSlide"+i).onmouseover=function(){onmouseoverset(i);}
    问题应该出现在这个问题上
    你这样里面的i无法确定属于哪个的值而造成你的function里的内容是一样 的
    改变下你的创建函数
    比如用new function来实现写法应该如1楼那样，具体我没测试