js 循环添加onclick事件

Question

data = [
     [
       onclick : function(){
          alert(1);
       }
     ],
     [
       onclick : function(){
          alert(2);
       }
     ],
     [
       onclick : function(){
          alert(3);
       }
     ]
];
var html="";
for(var i=0;i<data.length;i++){
    //data[i].onclick
    //如何把data[i].onclick添加到 a 里面
    //结果 <a href="javascript:;" onclick="data[i].onclick的函数">链接N</a><br />
    html += "<a href=\"javascript:;\" >链接"+i+"</a><br />";
}

Answer 1

上面的错了data = [
     {
       onclick : function(){
          alert(1);
       }
     },
     {
       onclick : function(){
          alert(2);
       }
     },
     {
       onclick : function(){
          alert(3);
       }
     }
];
var html="";
for(var i=0;i<data.length;i++){
    //data[i].onclick
    //如何把data[i].onclick添加到 a 里面
    //结果 <a href="javascript:;" onclick="data[i].onclick的函数">链接N</a><br />
    html += "<a href=\"javascript:;\" >链接"+i+"</a><br />";
}

Answer 2

你可以循环创建一个对象。用var newDivObj= document.createElement("a");
然后newDivObj.onclick=date[i];这样就可以啦！

Answer 3

 
<script>
  
data = [
 {
   onclick : function(){
  alert(1);
   }
 },
 {
   onclick : function(){
  alert(2);
   }
 },
 {
   onclick : function(){
  alert(3);
   }
 }
]; var html="";
for(var i=0;i<data.length;i++){
html += "<a href=\"javascript:;\" onclick=\""+data[i].onclick+"\" >链接"+i+"</a><br />";
}
alert(html);
  </script>
是这样吧。。

Answer 4

<div id='test'></div><SCRIPT LANGUAGE="JavaScript">
data = [
     {
       onclick : function(){
          alert(1);
       }
     },
     {
       onclick : function(){
          alert(2);
       }
     },
     {
       onclick : function(){
          alert(3);
       }
     }
];
window.onload = function(){

var html="";
for(var i=0;i<data.length;i++){
//data[i].onclick
//如何把data[i].onclick添加到 a 里面
//结果 <a href="javascript:;" onclick="data[i].onclick的函数">链接N</a><br />
html += "<a href=\"javascript:;\" onclick='data["+i+"].onclick();'>链接"+i+"</a><br />";
}
document.getElementById('test').innerHTML = html;}
</script>