localStorage
2016-02-29 15:03
471 查看
/**浏览器关闭后数据任然保存**/ <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Storage</title> </head> <body> <div style="width: 400px;text-align: center;margin: 0 auto;"> <input class="input" type="text" placeholder="输入内容"/> <input class="add" type="button" value="add"/> <input class="remove" type="button" value="remove"/> <p></p> </div> <script src="//libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <script> /****localStorage****/ if(window.localStorage){ $('.add').on('click',function(){ //循环添加100条数据 for(var i=0;i<100;i++){ localStorage.setItem('name'+i,$('.input').val()+i); } //循环读取100条数据 for(var i=0;i<localStorage.length;i++){ var index=localStorage.key(i); var content; content+=localStorage.getItem(index); $('p').text(content); } }); $('.remove').on('click',function(){ // localStorage.removeItem('name');//根据key清除数据 localStorage.clear();//清除全部数据 }); }else{ alert('你的浏览器不支持localStorage') } /** * localStorage.a = 3;//设置 * var a2 = localStorage.a;//获取 * localStorage["c"] = "sfsf";//设置 * var a1 = localStorage["c"];//获取 * localStorage.setItem("b","isaac");//设置 * var b = localStorage.getItem("b");//获取 */ </script> </body> </html>
相关文章推荐
- 基于消息的分布式架构
- android学习日记01-搭配开发环境
- Android获取前台进程包名
- C++开发人脸性别识别教程(17)——辅助功能之人脸批量分割
- andriod 读取网络图片
- 关于Kinect音频开发的探究
- JAVA_猜数字
- UIKit框架(11)导航控制器UINavigationController
- 页面乱码解决
- Unknown host 'downloads.gradle.org'问题修改
- java 中线程执行顺序控制
- ssh: connect to host github.com port 22: Connection refused
- 杭电1003找最大值
- C学习总结
- js实现页面跳转重定向的几种方式
- code码
- 服务器无法保存SESSION解决方案
- runtime
- \r,\n,\r\n的区别
- md5验证文件