JavaScript基础05
- students.xml
- 001
- 002
- 003-eval函数
- 004
students.xml
<?xml version="1.0" encoding="GBK"?><students><student sno="110"><sname>张三</sname><sex>男</sex></student><student sno="120"><sname>李四</sname><sex>男</sex></student><student sno="130"><sname>王五</sname><sex>男</sex></student>
</students>
001
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>JSON</title></head><body><script type="text/javascript">var studentObj = {"sno" : "110","sname" : "张三","sex" : "男",};alert(studentObj.sno + "," + studentObj.sname + "," + studentObj.sex);Student = function(sno,sname,sex){this.sno = sno;this.sname = sname;this.sex = sex;}var stu = new Student("111","李四","男");alert(stu.sno + "，" + stu.sname + "," + stu.sex);var students = [{"sno":"110","sname":"张三","sex":"男"},{"sno":"120","sname":"李四","sex":"男"},{"sno":"130","sname":"王五","sex":"男"}];for(var i = 0; i < students.length; i ++){var stuObj = students[i];alert(stu.sno + "，" + stu.sname + "," + stu.sex);}</script></body>
</html>
002
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>复杂一些的JSON对象</title></head><body><script type="text/javascript">var user = {"usercode" : 110,"username" : "张三","sex" : true,"address" : {"city" : "北京","street" : "大兴区","zipcode" : "1221",},"aihao" : ["smoke","drink","tt"]};alert(user.username + "居住在" + user.address.city)var jsonData = {"total" : 3,"students" : [{"name" : "张三","birth" : "1980-10-20"},{"name" : "李四","birth" : "1981-10-20"},{"name" : "王五","birth" : "1982-10-20"},]};</script></body>
</html>
003-eval函数
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>eval函数</title></head><body><script type="text/javascript">var fromJava = "{\"name\":\"zhangsan\",\"password\":\"123\"}"; window.eval("var jsonObj =" + fromJava);alert(jsonObj.name + "," + jsonObj.password); var json = {"username" : "zhangsan"};alert(json.username);alert(json["username"]);</script></body></html>
004
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>设置table的tbody</title></head><body><script type="text/javascript">var data = {"total" : 4,"emps" : [{"empno":7369,"ename":"SMITH","sal":800.0},{"empno":7380,"ename":"SMITH2","sal":800.0},{"empno":7381,"ename":"SMITH3","sal":800.0},{"empno":7399,"ename":"SMITH4","sal":800.0},]};window.onload = function () {var displayBtnElt = document.getElementById("displayBtn")displayBtnElt.onclick = function(){var emps = data.emps;var html = "";for(var i = 0; i < emps.length; i ++){var emp = emps[i];html += "<tr>";html += "<td>"+ emp.empno + "</td>";html += "<td>"+ emp.ename + "</td>";html += "<td>"+ emp.sal + "</td>";html += "</tr>";}document.getElementById("emptbody").innerHTML = html;document.getElementById("count").innerHTML = data.total;}}</script><input type="button" value="显示员工信息列表" id="displayBtn"/><h2>员工信息列表</h2><hr><table border="1px" width="50%"><tr><td>员工编号</td><td>员工名字</td><td>员工薪资</td></tr><tbody id="emptbody"></tbody></table>总共<span id="count">0</span>条数</body>
</html>
