您的位置：首页 > Web前端 > HTML5

html5 web storage 存储

2016-03-22 09:39 429 查看

web storage

可以在本地客户端储存数据的web Storage 功能

sessionStorage （临时保存）和localStorage（永久保存）之间的区别

sessionStorage （临时保存）

session 就是在打开网站到关闭网站之间要求进行保存的数据

临时保存的用法：

sessionStorage.setitme('key'.'value');

或者 sessionStorage.key='value';

临时数据读取的方法：

变量=sessionStorage.getItem('key')
或者是sessionStorage.key;

永久保存（localStorage）事例

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>web storage 存储</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<h1>存储</h1>
<p id="msg"></p>
<input type="text" id="input">
<input type="button" value="保存数据" onclick="save('input')">
<input type="button" value="读取数据" onclick="save1('msg')">
</body>
</html>

/**
* Created by Administrator on 2016/3/21 0021.
*/
function save(id){
var target= document.getElementById(id);
var str= target.value;
localStorage.setItem("mess",str);
}
function save1(id){
var target= document.getElementById(id);
var msg= localStorage.getItem("mess");
target.innerHTML=msg;
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航