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 相关文章推荐
jquery提示 &quot;object expected&quot;的解决方法
Dec 13 Javascript
基于javascript的JSON格式页面展示美化方法
Jul 02 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
javascript实现加载xml文件的方法
Nov 24 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
Jan 06 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
JavaScript for循环 if判断语句(学习笔记)
Oct 11 Javascript
Angular中支持SCSS的方法
Nov 18 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 Javascript
如何手写一个简易的 Vuex
Oct 10 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
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
浅谈JS日期(Date)处理函数
2014/12/07 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
jQuery采用连缀写法实现的折叠菜单效果
2015/09/18 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
详细分析JS函数去抖和节流
2017/12/05 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
新手简单了解vue
2019/05/29 Javascript
Python实现删除时保留特定文件夹和文件的示例
2018/04/27 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
django 自定义过滤器的实现
2019/02/26 Python
基于python实现学生信息管理系统
2019/11/22 Python
python求质数列表的例子
2019/11/24 Python
python保留格式汇总各部门excel内容的实现思路
2020/06/01 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
Python如何避免文件同名产生覆盖
2020/06/09 Python
python实现数字炸弹游戏程序
2020/07/17 Python
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
行政文员岗位职责
2013/11/08 职场文书
茶叶生产计划书
2014/01/10 职场文书
初中英语课后反思
2014/04/25 职场文书
卫生系统先进事迹
2014/05/13 职场文书
大学生入党推荐书范文
2014/05/17 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
2015社区个人工作总结范文
2015/05/13 职场文书
公司人事管理制度
2015/08/05 职场文书
升学宴家长答谢词
2015/09/29 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android