js闭包

最新推荐文章于 2024-10-09 22:45:00 发布

miantiao522

最新推荐文章于 2024-10-09 22:45:00 发布

阅读量501

点赞数

文章标签： function firefox 产品 object html ie

本文链接：https://blog.csdn.net/miantiao522/article/details/6415829

版权

这篇文章先引用别人提出的问题和解决方案，然后对其解决方案作出修改。

（引用至 http://snandy.iteye.com/blog/250073）

开始吧！

有个网友问了个问题，如下的html，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>闭包演示</title> <mce:script type="text/javascript"></mce:script> </head> <body οnlοad="init();"> 产品一 产品二 产品三 产品四 产品五 </body> </html>

解决方式有两种，

1、将变量 i 保存给在每个段落对象（p）上

function init() { var pAry = document.getElementsByTagName("p"); for( var i=0; i<pAry.length; i++ ) { pAry[i].i = i; pAry[i].onclick = function() { alert(this.i); } } }

接下来是俺对其的修改，俺将其中的 pAry[i].onclick 改为attachEvent 和addEventListener.如下：