3、呦呦...想加多少个，就加多少个value，还不错呦，代码又比较简洁。不过，问题又来了。我不想一直使用类名value+数字，我已经有写好了的类名了，我想用什么名字就用什么名字，而且不想弄一大堆localStorage，难道有100个input，就要我弄100个localStorage？？我就想弄一个localStorage记录就好。怎么办？？
第五步：使用json来存放localStorage
1、JS代码
var localObj = { localSet: function(){ // 定一个对象，来存放键值对 var arr = {}; // 有多少个值，就对应写多少个，名字可随便命名 arr.value0 = $(".value0").val(); arr.value1 = $(".value1").val(); arr.good = $(".good").val(); arr.go = $(".go").val(); // 将arr对象转换为string类型 var his = JSON.stringify(arr); // 设置一个localStorage名字叫histroy,值为his localStorage.setItem("histroy",his); }, localGet: function(){ // 获取一个叫histroy的localStorage,存放在arr变量中 var arr = localStorage.getItem("histroy"); // 把获取来的arr转换成json格式 var json = JSON.parse(arr); // 遍历Json中的数据 for (var li in json) { // 由json字符串转换为json对象 var value = eval("json['" + li +"']"); // 把取到的对应的value值赋值给对应的li arr.li = value; // 最后一步，显示对应的value值 $("."+li).val(value); } } } // 键盘按键弹起的时候改变localStorage的值 $(document).on('keyup',function(){ localObj.localSet(); }); // 浏览器一打开就显示存储在localStorage里面的值 // 即记录上次输入的值 localObj.localGet();
2、效果图
3、哇～，不错不错，到第五步，基本就已经解决了我们的需求了，不过(TMD还有问题？)哈哈哈哈。。。
1）假设不单单是input要记录上次输入内容，复选框CheckBox也要记录是否上次被选中的问题，怎么解决？？
2) 百度翻译使用的是多个数组来存放多个内容，怎么弄？？
最后：如果使用sessionStorage，直接把localStorage替换成sessionStorage就好了，其它的一模一样！！！
以上所述是小编给大家介绍的JS中LocalStorage与SessionStorage五种循序渐进的使用方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: