时间:2015-06-26 来源:

经典的js问题实现点击li能够弹出当前li索引与innerHTML的函数 【移动开发】

经典的js问题  实现点击li能够弹出当前li索引与innerHTML的函数

<script type="text/javascript"> $("ul").delegate("li", function(){ var index = $(this).index(); var info = $(this).html(); alert(index + "----" + info); }); </script>

var myul = document.getElementsByTagName("ul")[0]; var list = myul.getElementsByTagName("li"); function foo(){ for(var i = 0, len = list.length; i < len; i++){ list[i].onclick = function(){ alert(i + "----" + this.innerHTML); } } } foo(); </script>

按照我们平常的想法网页外包接活,代码应该是这样写的:

2.使用ES6中的新特性let来声明变量

用let来声明的变量将具有块级作用域,网页外包接活很明显可以达到要求web前端制作,不过需要注意的是得加个'use strict'(使用严格模式)才会生效

1. 使用闭包

索引index为什么总是4呢,div+css制作这是js中没有块级作用域导致的.这里有三种解决思路

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

3.引入jquery, len = list.length; i < len; i++){ var that = list[i]; list[i].onclick = (function(k){ var info = that.innerHTML; return function(){ alert(k + "----" + info); }; })(i); } } foo(); </script>

点击次数:2067
作者:
web前端行业资讯
Web new NewsList
Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日苹果经典电脑Lisa源代码修复完成将于2018年开源 ,,2017年12月28日腾讯浏览指数发布年终榜单2017年人们都关注哪些AI话题? ,,2017年12月28日除了发现开普勒90,NASA还靠AI做了什么? ,,2017年12月28日柯洁宣布:明年4月,将再次与围棋AI交锋 ,,2017年12月28日百度无人车美国首秀CES将发布Apollo2.0 ,,2017年12月28日这四种技术发展趋势将在2018年改变世界 ,,2017年12月28日2017:谷歌DeepMind团队的年度回顾 ,,2017年12月28日封杀这个公式,AI智商将为零 ,,2017年12月28日微软AI高管:要让所有人、所有机构都用上人工智能 ,,2017年12月28日为什么Linux桌面年一直未到来 ,,2017年12月28日AppleLisa操作系统将开源 ,,2017年12月28日2018年9大技术趋势预测 ,,2017年12月28日谷歌研究院发布NIMA:能评价图像有多美,还能让图像变得更美 ,,2017年12月28日苹果为2019年iPhone开发大容量电池新技术 ,,2017年12月28日谷歌发布Tacotron2:能更简单地训练AI学习演讲 ,,2017年12月21日TensorFlow漏洞爆发背后:关于AI安全我们的傻与天真 ,,2017年12月21日Android端Edge浏览器新版发布:常规性能优化和BUG修复 ,,2017年12月21日三星开发出全球最小的DRAM芯片技术领先优势扩大 ,,2017年12月21日腾讯绝艺AI下一步将学习AlphaGozero自对弈训练 ,,2017年12月21日Facebook社交VR应用Spaces扩大覆盖面:入驻HTCVive ,,2017年12月21日设计图曝光:三星双屏折叠手机原来是这样的 ,,2017年12月21日微信支付和支付宝已成为世界移动支付的"老师" ,,2017年12月21日新专利表明FaceID未来有望装备在iPad、MacBook和iMac等设备 ,,2017年12月21日首批九个建议加入EE4J的项目 ,,2017年12月21日这就是SurfacePhone?微软可折叠手机概念图曝光 ,,2017年12月21日继“Angel”开源后,腾讯又开放TDinsight机器学习平台 ,,2017年12月21日shell监控脚本实例—监控mysql主从复制2014年01月29日建立自由的会计日期的报表--1.4.让报表处理期初和期末之间的数据2014年01月29日linuxmmap映射文件【编程语言】2015年08月14日ZOJ3827InformationEntropy 【编程语言】2015年05月05日C++引用(1) 【编程语言】2015年01月04日Unity3D4.0新功能:Mecanim教程 【移动开发】2015年02月09日Node.js开发入门—notepad++forNode.js 【编程语言】2015年09月12日入股合肥三洋,惠而浦携四大品牌通吃家电市场【数据库】2014年11月04日Drupal添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)2014年01月29日PostgreSQL中的DO-有条件的创建函数【Web前端】2015年05月15日MicrosoftUniveRSSv0.8.0.0微软的3DRSS阅读器下载2014年01月29日OC重点知识总结【编程语言】2015年07月20日数据挖掘十大算法之Appriori算法【架构设计】2015年06月24日WPS2012设置:让网文整理迅捷如风2014年01月28日IOS去警告【编程语言】2015年02月27日eclipse配置sublime主题风格 【编程语言】2015年07月27日PaperWorkCf250A 【编程语言】2014年11月04日服务器的ARP欺骗攻击的防范的两种解决方法2014年01月30日【LeetCode-面试算法经典-Java实现】【所有题目目录索引】 【移动开发】2015年07月22日6.HCNP-R&S-IERN——OSPF区域间路由 【编程语言】2015年04月24日.Net读取Excel返回DataTable实例代码2014年01月29日BZOJ1855【Scoi2010】股票交易单调队列优化DP 【综合】2015年06月11日.net读取Rss转换为DataTable2014年01月29日360搜索将推开放平台或借助谷歌实现商业化 ,,2016年06月23日perl对mxn类似表进行按列排序的代码2014年01月29日从微视“脱单”看短视频的社交价值【编程语言】2014年11月17日基于php缓存的详解2014年01月29日12月总结【Web前端】2014年12月30日hdu4952NumberTransformation【综合】2015年05月25日第十六周oj项目三——输出相同的数 【综合】2014年12月16日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)