html5本地存储
来源:互联网 发布:2016淘宝小卖家的出路 编辑:程序博客网 时间:2024/05/02 23:49
Html5支持两种的WebStorage,一种是永久性的本地存储(localStorage),另外一种是会话级别的本地存储(sessionStorage)
会话级别的本地存储:sessionStorage
sessionStorage.setItem(key,value):添加本地存储数据。sessionStorage.getItem(key):通过key获取相应的Value。
sessionStorage.removeItem(key):通过key删除本地数据。
sessionStorage.clear():清空数据。
例:
<script>
window.onload = function(){
var oBox = document.getElementById("box");
sessionStorage.setItem("name","你好!");
var get = sessionStorage.getItem("name");
oBox.value = get;
}
</script>
<body>
<input type="text" id="box">
</body>
点击button前或者关闭浏览器sessionStorage会消失;
点击button后:
永久本地存储:localStorage
setItem(key,value):添加本地存储数据。
getItem(key):通过key获取相应的Value。
removeItem(key):通过key删除本地数据。
clear():清空数据。
例:
点击前:
点击后,或者关闭浏览器后:
希望对你有所帮助;
- 【html5】html5 本地存储
- 【html5】html5 本地存储
- HTML5本地存储
- HTML5 LocalStorage 本地存储
- HTML5 本地存储初探
- HTML5本地存储
- HTML5本地存储
- HTML5 LocalStorage 本地存储
- html5 WebStorage本地存储
- HTML5 本地存储
- HTML5 本地数据存储
- HTML5本地存储
- HTML5之本地存储
- HTML5 本地存储
- HTML5 LocalStorage 本地存储
- HTML5本地存储详解
- HTML5 LocalStorage 本地存储
- HTML5 本地存储数据
- log4j
- C++第五次作业
- 猜数字小游戏
- 【bzoj1597】[Usaco2008 Mar]土地购买
- 强哥收藏的Android开源库集合【工具篇】
- html5本地存储
- win7x64下的redis安装与使用
- 数据结构广义表中表头与表尾的相关问题
- mysql主从数据库搭建(系统均为windows)
- OpenGL(七) GeometryInstancing 几何体实例化
- 买入什么样的股票
- Result Maps collection already contains value for ***
- app接友盟的统计和错误信息
- Java中Collection和Collections的区别