标签：对比 htm cal 就会 .text load 没有 height alert
客户端存储数据两种方法
1.localStorage 没有时间限制的数据存储
2.sessionStorage 针对一个session的数据存储（当浏览器被关闭掉之后，数据就会被清楚掉）
与cookie做对比
之前，这些都是由cookie完成的。但是cookie不适合大量数据的存储，因为它们由
每个对服务器的请求来传递，这使得cookie速度很慢而且效率也不高。
localStorage
存储特点：
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
<body>
<textarea style="width:200px;height:200px;" id="ta"></textarea>
<button id="btn">save</button>
</body>
//js文件
var ta;
var btn;
window.onload=function(){
ta=document.getElementById("ta");
if(localStorage.text){
ta.value=localStorage.text;
}
btn=document.getElementById("btn");
btn.onclick=function(){
//alert(ta.value);
localStorage.text=ta.value;
}
}
sessionStorage
存储特点：
sessionStorage方法针对一个session进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
数字点击累加效果
<body>
<span id="txt">0</span>
<button ID="addbtn">Add</button>
</body>
var num=0;
var txt;
var btn;
window.onload=function(){
txt=document.getElementById("txt");
btn=document.getElementById("addbtn");
if(sessionStorage.num){
num=sessionStorage.num;
}else{
num=0;
}
btn.onclick=function(){
num++;
sessionStorage.num=num;
showNum();
}
}
function showNum(){
txt.innerHTML=num;
}
WEB存储
标签：对比 htm cal 就会 .text load 没有 height alert
原文地址：http://www.cnblogs.com/baixuemin/p/6495083.html
