js中常见的this.index面试基础知识问题
2017-07-28 20:23
330 查看
js中常见的this.index面试基础知识问题:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload=function(){
var aBtn = document.getElementsByTagName('input');
for(var i=0;i<aBtn.length;i++){
aBtn[i].index=i;
aBtn[i].onclick=function(){
alert('i:'+i); //结果永远为3
alert('this.index:'+this.index); //结果：0,1,2
};
}
};
</script>
</head>
<body>
<input type="button" value="btn1" />
<input type="button" value="btn2" />
<input type="button" value="btn3" />
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload=function(){
var aBtn = document.getElementsByTagName('input');
for(var i=0;i<aBtn.length;i++){
aBtn[i].index=i;
aBtn[i].onclick=function(){
alert('i:'+i); //结果永远为3
alert('this.index:'+this.index); //结果：0,1,2
};
}
};
</script>
</head>
<body>
<input type="button" value="btn1" />
<input type="button" value="btn2" />
<input type="button" value="btn3" />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- web前端面试中常见的js基础又实用的知识回顾
- C\C++基础知识，面试常见问题（转…
- Android基础知识记录|面试常见问题：activity被回收，如何保存回收前的状态
- 面试问题：专业基础知识，软件工程知识，英语水平，实践能力
- 《软件测试管理》第14章 软件测试常见问题——（一）基础知识部分
- 《软件测试管理》第14章 软件测试常见问题——（一）基础知识部分
- 《软件测试管理》第14章 软件测试常见问题——（一）基础知识部分
- 《软件测试管理》第14章 软件测试常见问题——（一）基础知识部分
- 【DICOMDIR专题】DICOMDIR基础知识及常见问题汇总
- 【DICOMDIR专题】DICOMDIR基础知识及常见问题汇总
- oracle基础知识和常见问题
- 【问题】JSP常见乱码解决以及javaBean基础知识
- javascript基础之我见（2）----一句话搞定this，并浅析js，as相互调用的this问题
- 常见PACS问题30问【PACS基础知识普及贴】
- C#.Net的常见面试试题(2)——基础知识
- Java程序基础测试 基础笔试、面试常见问题集合
- net基础笔试、面试常见问题集合
- Oracle基础知识-启动Oracle常见疑难问题分析
- 《软件测试管理》第14章 软件测试常见问题——（一）基础知识部分
- JAVA -- JAVA基础笔试、面试常见问题集合