程序博客网 > 注册淘宝店铺需要什么

js闭包

来源：互联网发布：注册淘宝店铺需要什么编辑：程序博客网时间：2024/06/03 00:46

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

（引用至 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 onload="init();"> <p>产品一</p> <p>产品二</p> <p>产品三</p> <p>产品四</p> <p>产品五</p> </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.如下：

function init(){var pAry = document.getElementsByTagName("p"); for(var i=0; i < pAry.length; i++){pAry[i].i = i;if(document.attachEvent){//handlerClick(i)传的是函数的返回值，所以必须在handlerClick内部写个函数作为闭包返回pAry[i].attachEvent("onclick", handlerClick(i));}else{pAry[i].addEventListener("click", handlerClick, false);}}}function handlerClick(s){//typeof s == "object" 说明是firefox，typeof s == "number" 说明是IEif(typeof s == "object"){//如果是firefox(firefox的this指向调用对象)alert(this.i);}else{//如果是IE(IE的this指向全局对象)function run(){alert(s);}return run;}}

注册淘宝店铺需要什么

注册淘宝店铺需要什么

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子饭盒被吸住了怎么办发动机机油过低怎么办发动机压力过低怎么办西装外套大了怎么办 rust 腐蚀要下线怎么办冬天穿西装冷怎么办永雄骚扰家人怎么办二郎腿翘不起来怎么办小米5发热严重怎么办小米4发热严重怎么办用了过期避孕套怎么办不会缩肛运动怎么办乐视2不能root怎么办小米5指南针不准怎么办乐视2手机屏乱点怎么办距离感应器坏了怎么办乐视1屏幕失灵怎么办苹果6指南针不准怎么办乐视2没有耳机怎么办小米max拍照很差怎么办小米max没法root怎么办小米max充电慢怎么办乐视手机信号差怎么办乐视2手机信号差怎么办可是会员过期了怎么办自带相机打不开怎么办新速腾刹车异响怎么办科三过不了怎么办三星a7高温死机怎么办雪铁龙c5噪音大怎么办鞋子掉色怎么办咋补救黑色鞋子掉色了怎么办雪铁龙c2水温高怎么办雪铁龙c2油耗高怎么办红米note3发热怎么办平板电脑不会用怎么办小米3不能关机怎么办小米平板没声音怎么办 gta5开车卡顿怎么办小米4护眼后白屏怎么办小米手机白屏怎么办