返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

HTML5本地存储之Web Storage详解

2019-01-28 14:35:09于海丽
  •     }       

     同理，显示全部学生信息时，也一样需要将取出的value字符串转换成JSON对象：

    JavaScript Code复制内容到剪贴板
    1. function show(){              var list = document.getElementById("list");     
    2.         if(localStorage.length>0){                  var result = "<table border='1' style='width:300px; margin:0 auto;'>";     
    3.             result += "<tr><td>学号</td><td>姓名</td><td>年级</td><td>性别</td></tr>";                  for(var i=0;i<localStorage.length;i++){     
    4.                 var user_num = localStorage.key(i);                      var str = localStorage.getItem(user_num);     
    5.                 var msg = JSON.parse(str);                      result += "<tr><td>"+user_num+"</td><td>"+msg.user_name+"</td><td>"+msg.grade+"</td><td>"+msg.sex+"</td></tr>";     
    6.             }                  result += "</table>";     
    7.             list.innerHTML = result;                }else{     
    8.                 list.innerHTML = "当前还没有数据";                }     
    9.     }         
    • 相关文章 大家在看