自定义属性，匹配数组内容——JS学习笔记2015-5-26（第39天）

使用自定义属性匹配数组内容

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <title>匹配数组内容</title>
 5 <meta charset="utf-8">
 6 <script>
 7     window.onload = function(){
 8       var aBtn=document.getElementsByTagName(‘input‘);
 9       var arr = [‘A‘,‘B‘,‘C‘,‘D‘];
10
11       for(var i=0; i<aBtn.length; i++){
12             aBtn[i].num = 0;
13
14             aBtn[i].onclick = function(){
15               this.value = arr[this.num]; // 不是arr[i] 理解
16               this.num++;
17               if(this.num===arr.length){
18                    this.num = 0;
19               }
20             }
21        }
22
23   }
24
25 </script>
26 </head>
27
28 <body>
29 <input type="button" value="0"><input type="button" value="0"><input type="button" value="0">
30 </body>
31 </html>

时间： 2024-12-22 16:01:41

自定义属性，匹配数组内容——JS学习笔记2015-5-26（第39天）的相关文章

自定义属性建立匹配、对应关系——JS学习笔记2015-5-27（第40天）

页面中经常需要建立匹配.对应关系来改变页面的显示元素:这个时候可能就需要用到自定义属性来添加索引值 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>自定义属性匹配索引值</title> </head> <body>

自定义属性，第一节——JS学习笔记2015-5-25（第38天）

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <style> 7 li { list-style:none; width:114px; height:140px; bac

node.js 学习笔记(1)/9.26

node.js核心模块: 1.nodejs全局变量是global,不是window 2.process 进程对象 3.console.log() 控制台输出内置模块 1.util //功能不详,貌似是继承Sub,Base这两个类的 (.eg)1 util.inherits(Sub, Base); 2.events //功能不详 3.fs //file stream? (.eg) 1 var fs = require("fs"); 2 fs.readFile("file.tx

JS学习笔记-数组

ECMAScript中没有提供类和接口等的定义,但它却是一门面向对象的语言,由于它能够通过其它方式实现类似高级语言的面向对象功能,这些内容将在后面的文章中进行一步步的总结.此篇仅对JS中对象作简要说明,重点汇总一些类似于对象的数组的经常用法. 对象创建上篇提到创建对象的两种方式: 使用new运算符创建Object var obj = new Object(); 使用字面量方式创建 var obj = {}; 这里值得注意的是在使用字面量(常量)创建Object时不会调用构造函数. 属性

JS学习笔记--仿手机发送内容交互

学习JS笔记----记录上课中学习的知识点,分享下老师教的内容: 1.html内容 <div id="box"> <div id="message"> <!--<p class="left"> <img src="img/136.jpg" /> <span>这是第一句话</span> </p> <p class="righ

js学习笔记——数组方法

join() 把数组中所有元素转化为字符串并连接起来,并返回该字符串, var arr=[1,2,3]; var str=arr.join("#"); //str="1#2#3"; 如果没有指定分隔符,则默认为逗号 var str2=arr.join(); //str2="1,2,3"; reverse() 在原数组上把元素的顺序颠倒过来,并返回该数组 var arr=[1,2,3]; arr.reverse(); //arr=[3,2,1];

【转】Backbone.js学习笔记（二）细说MVC

文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Backbone源码结构 1: (function() { 2: Backbone.Events // 自定义事件 3: Backbone.Model // 模型构造函数和原型扩展 4: Backbone.Collection // 集合构造函数和原型扩展 5: Backbone.Router // 路由

每日js学习笔记2014.5.4

【JS学习笔记】js中关于传地址的问题

我觉得初学者应该会遇到很多这样的问题条件1.不想定义全局变量的时候条件2.定义了外围变量却又要引用并且修改其中内容的时候以下转一篇文章 -------------------------------------------------------------------------------------------------------------------------------------------------------- 很多人,包括我,受书本知识消化不彻底的影响,认为 J