JS 循环li添加点击事件 (闭包的应用)


Posted in Javascript onDecember 10, 2016

废话不多说了,直接给大家贴代码了,具体代码如下所述:

var aLi = document.querySelectorAll('.article-tab li');
 for (var i = 0; i <= aLi.length; i++) {   
 (function(){   
  var p = i   
  aLi[i].onclick = function() {   
   alert(p);   
  } 
 })(); 
}

以上所述是小编给大家介绍的JS 循环li添加点击事件 (闭包的应用),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

Javascript 相关文章推荐
JS实现根据出生年月计算年龄
Jan 10 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
node.js实现端口转发
Apr 14 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
node.js支持多用户web终端实现及安全方案
Nov 29 Javascript
vue实现购物车小案例
Sep 27 Javascript
vue router 传参获取不到的解决方式
Nov 13 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 #Javascript
javascript动画之磁性吸附效果篇
Dec 09 #Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 #Javascript
详解自动生成博客目录案例
Dec 09 #Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 #Javascript
JS判断是否手机或pad访问实现方法
Dec 09 #Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 #Javascript
You might like
留言板翻页的实现详解
2006/10/09 PHP
PHP删除数组中特定元素的两种方法
2013/07/02 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
javascript 支持ie和firefox杰奇翻页函数
2008/07/22 Javascript
JavaScript 利用StringBuffer类提升+=拼接字符串效率
2009/11/24 Javascript
基于jquery插件实现常见的幻灯片效果
2013/11/01 Javascript
JavaScript极简入门教程(一):基础篇
2014/10/25 Javascript
JS实现上下左右对称的九九乘法表
2016/02/22 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
在Django的模型中执行原始SQL查询的方法
2015/07/21 Python
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
python邮件发送smtplib使用详解
2020/06/16 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
Python基础知识点 初识Python.md
2019/05/14 Python
由面试题加深对Django的认识理解
2019/07/19 Python
python 画条形图(柱状图)实例
2020/04/24 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
用canvas显示验证码的实现
2020/04/10 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
SmartBuyGlasses丹麦:网上购买名牌太阳镜、眼镜和隐形眼镜
2016/10/01 全球购物
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
高中毕业自我鉴定范文
2013/10/02 职场文书
会计专业毕业生自我鉴定
2013/10/29 职场文书
大学生个人简历中的自我评价
2013/12/27 职场文书
事业单位绩效考核实施方案
2014/03/27 职场文书
退税申请报告怎么写
2015/05/18 职场文书
2015年度对口支援工作总结
2015/07/22 职场文书
廉洁自律承诺书2016
2016/03/25 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python