您的位置：首页 > 其它

web storage简述

2016-02-10 11:46 225 查看

web storage可以作为替代cookie来保存数据，有两种方法：

1.session storage：

会存储数据，但是关闭浏览器之后数据丢失

2.local storage：

保存数据，并且关闭浏览器后数据仍然存在

//html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="storgeweb.js"></script>
</head>
<body>
<p id="answer1">session保存的数据会在这里出现</p>
<input type="text" id="input1">
<input type="button" value="保存数据" onclick="sessionSet('input1')">
<input type="button" value="读取数据" onclick="sessionGet('answer1')">

<p id="answer2">local保存的数据会在这里出现</p>
<input type="text" id="input2">
<input type="button" value="保存数据" onclick="localSet('input2')">
<input type="button" value="读取数据" onclick="localGet('answer2')">
</body>
</html>

//js

/**
* Created by Administrator on 2016/2/10.
*/
//sessionStorge
function sessionSet(id)
{
var target=document.getElementById(id);
var str=target.value;
sessionStorage.setItem("message1",str);
}
function sessionGet(id)
{
var target=document.getElementById(id);
var str=sessionStorage.getItem("message1");
target.innerHTML=str;
}

//localStorge
function localSet(id)
{
var target=document.getElementById(id);
var str=target.value;
localStorage.setItem("message2",str);
}
function localGet(id)
{
var target=document.getElementById(id);
var str=localStorage.getItem("message2");
target.innerHTML=str;
}

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

标签：

相关文章推荐

新的分享

章节导航