JavaScript学习总结【4】、JS深入(3)_H5之家 - 中国HTML5教程资源分享第一站

1 <body> 2 3 姓　名: 4 性　别: 5 员工号: 6 修改姓名: 7 8 <script> 9 var staff = [ 10 {"name" : "小明", "sex" : "男", "id" : "1"}, 11 {"name" : "小白", "sex" : "男", "id" : "2"}, 12 {"name" : "小红", "sex" : "女", "id" : "3"} 13 ]; 14 var x=document.getElementById("fname"); 15 var y=document.getElementById("gender"); 16 var z=document.getElementById("num"); 17 var n=document.getElementById("lname"); x.innerHTML=staff[0].name; 20 y.innerHTML=staff[0].sex; 21 z.innerHTML=staff[0].id; n.innerHTML=staff[1].name='大白'; 25 </script> 26 </body>

　　(4)、JSON字符串对象

var str = '{"name":"小明", "sex":"男", "age":"21"}'; var toObj=JSON.parse(str);　　//JSON字符串转换为JSON对象 alert(toObj.name); alert(json = {"name":"小红", "sex":"女", "age":"18"}; var toStr=JSON.stringify(json);　　//JSON对象转换为JSON字符串 alert(toStr); //返回字符串 alert(json.age); alert(typeof toStr); //返回：string

　　(5)、JSON应用

　　当需要表示一组数据时，JSON不但能够提高可读性，而且还可以减少复杂性。JSON能够表示多个值，每个值又可包含多个值，例如要表示一个用户列表信息，就可以将所有信息存储在一个变量中，分成多项，每项中又可分成多个条目，每个条目中记录一个用户的信息。

1 var userName = { 2 "first": [{ 3 "name": "路飞", 4 "sex": "男", 5 "tel": "aaa" 6 }, { 7 "name": "索罗", 8 "sex": "男", 9 "tel": "bbb" 10 }, { 11 "name": "娜美", 12 "sex": "女", 13 "tel": "ccc" 14 }], 15 16 "second": [{ 17 "name": "卡卡西", 18 "sex": "男", 19 "tel": "ddd" 20 }, { 21 "name": "鸣人", 22 "sex": "男", 23 "tel": "fff" 24 }, { 25 "name": "佐助", 26 "sex": "男", 27 "tel": "eee" 28 }, { 29 "name": "皱田", 30 "sex": "女", 31 "tel": "sss" 32 }], 33 34 "third": [{ 35 "name": "小明", 36 "sex": "男", 37 "tel": "xxx" 38 },{ 39 "name": "小红", 40 "sex": "女", 41 "tel": "zzz" 42 }] 43 }; alert(userName.first[1].name +'\n'+ userName.first[1].sex +'\n'+ userName.first[1].tel); 47 alert(userName.second[3].name +'\n'+ userName.second[3].sex +'\n'+ userName.second[3].tel); 48 alert(userName.third[0].name +'\n'+ userName.third[0].sex +'\n'+ userName.third[0].tel);

3、JS定时器。

　　定时器可以在指定的时间间隔之后再执行代码，而不是在函数被调用后立即执行。定时器在网页中应用非常广泛，最常见的就是动态时钟，还有比如购物网站的倒计时抢购。定时器的类型可分为两类：一类是间隔型，即setInterval，在执行时，从页面加载后每隔一段时间执行一次，可无限执行。另一类是延迟型，即setTimeout，在页面加载后延迟指定的时间，去执行一次，而且仅仅只执行一次。该方法属于window对象的两个方法。

　　(1)、setInterval

　　setInterval(function, time) 方法可间隔指定的毫秒数，不停的执行指定的代码。该方法有两个参数，第一个参数是函数，指定定时器要调用的函数或要执行的代码串，第二个参数是时间，用毫秒计，1000毫秒是1秒，指定执行的间隔时间。

　　(2)、setTimeout