在 Javascript onClick 事件中传递参数

我试图在 onclick 事件中传递一个参数。下面是示例代码：

<div id="div"></div>

<script language="javascript" type="text/javascript">
   var div = document.getElementById('div');

   for (var i = 0; i < 10; i++) {
       var link = document.createElement('a');
       link.setAttribute('href', '#');
       link.innerHTML = i + '';
       link.onclick=  function() { onClickLink(i+'');};
       div.appendChild(link);
       div.appendChild(document.createElement('BR'));
       }

   function onClickLink(text) {
       alert('Link ' + text + ' clicked');
       return false;
       }
    </script>

然而，每当我单击任何链接时，警报总是显示“已单击链接 10”！

谁能告诉我我做错了什么？

Thanks

发生这种情况是因为一旦调用函数， i 就会向上传播。您可以使用闭包来避免此问题。

for (var i = 0; i < 10; i++) {
   var link = document.createElement('a');
   link.setAttribute('href', '#');
   link.innerHTML = i + '';
   link.onclick = (function() {
      var currentI = i;
      return function() { 
          onClickLink(currentI + '');
      }
   })();
   div.appendChild(link);
   div.appendChild(document.createElement('BR'));
}

或者，如果您想要更简洁的语法，我建议您使用 Nick Craver 的解决方案。