HTML5数据存储---使用clear()方法清除localStorage保存对象的全部数据
来源:互联网 发布:不干胶排版软件 编辑:程序博客网 时间:2024/06/05 03:27
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>清空localStorage的全部数据</title>
</head>
<body>
<fieldset>
<input type="button" id="btnadd" onClick="add_click()" value="增加数据">
<input type="button" id="btndel" onClick="del_click()" value="清除数据">
<p id="pstauts"></p>
</fieldset>
</body>
<script type="text/javascript" >
function $(id){
return document.getElementById(id);
}
var intNum = 0;
//保存数据函数
function add_click(){
for(var intI = 0;intI <= 5;intI++){
var strKeyName = "strKeyName"+intI;
var strKeyValue = "strKeyValue"+intI;
localStorage.setItem(strKeyName,strKeyValue);
intNum++;
}
$("pstauts").style.display = "block";
$("pstauts").innerHTML = "已保存成功<br>"+intNum+"<br>条记录"
}
//清空数据函数
function del_click(){
localStorage.clear();
$("pstauts").style.display = "block";
$("pstauts").innerHTML = "全部数据已经清除"
}
/*
代码解析:
当用户点击"增加数据",将使用循环的方式,按执行顺序保存6条数据记录
其键名"strKeyName"与变量intI相连,其值名"strKeyValue"也与intI相连,这些数据
被localStorage对象保存记录,可以再浏览器Chrome中通过单击右键,选择"审查元素"选项,
单击"Resources"选项查看localStorage保存的数据
当用户"点击清除数据"将清空localStorage对象保存数据记录
*/
</script>
</html>
原文地址:http://blog.csdn.net/u011659172/article/details/17618915
- HTML5数据存储---使用clear()方法清除localStorage保存对象的全部数据
- HTML5数据存储---使用clear()方法清除localStorage保存对象的全部数据
- HTML5数据存储---使用clear()方法清除localStorage保存对象的全部数据
- HTML5存储数据--localStorage长期保存数据
- 使用本地存储localStorage保存数据的todoList
- HTML5应用localStorage保存数据
- [HTML5]数组数据localStorage存储
- 使用localStorage存储数据
- localStorage----客户端永久存储数据的方法
- HTML5学习(4) 数据的存储(localStorage,sessionStorage)
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- HTML5中的数据存储localStorage和sessionStorage
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 Web存储数据(localStorage,sessionStorage)
- AngularJS 使用 localStorage 存储数据。
- 数据存储localStorage的使用方法
- 安全正确地使用localStorage来保存数据
- 支付宝支付
- C#进阶5_多态
- 利用spring boot 写一个稳定的爬虫
- spring容器ApplicationContext
- Linux系统Vim命令抛出异常 Em25:ATTENTION 解决方案
- HTML5数据存储---使用clear()方法清除localStorage保存对象的全部数据
- 提高MySQL性能的7个技巧
- RelFinder 放在 tomcat 下访问另一台服务器中的数据库时的跨域问题
- 如何通俗易懂地理解皮尔逊相关系数?
- gRPC
- debian上使用dpkg -b打包
- solidity投票合约在bcos上的部署及解析(二)
- C#进阶6_部分类、密封类、多态的手段、ToString用法
- 调戏和窥探 iPhone X