<script type="text/javascript">
var txtDom = document.getElementById("txt");
//当键盘弹起时将textarea中的值放置进本地存储中
window.onkeyup = function(e){
var txtV = txtDom.value;
setVal(txtV);//调用本地存储函数
}
//获取localStorage中的存储值
window.onload = function(){
//判断当浏览器知否支持localStorage
if(window.localStorage){
var getVal = localTxt = localStorage.getItem("wenben");
txtDom.innerText = getVal;
}
}
//封装本地存储函数
function setVal(txtContent){
if(window.localStorage){
var setVal = localStorage.setItem("wenben",txtContent);
}
}
</script>
/***************************************************************************************************************/
HTML5中提供了localStorage对象可以将数据长期保存在客户端，直到人为清除。
localStorage提供了几个方法:
1、存储：localStorage.setItem(key,value)
如果key存在时，更新value
2、获取：localStorage.getItem(key)
如果key不存在返回null
3、删除：localStorage.removeItem(key)
一旦删除，key对应的数据将会全部删除
4、全部清除：localStorage.clear()
某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据
5、遍历localStorage存储的key
.length 数据总量，例：localStorage.length
.key(index) 获取key，例：var key=localStorage.key(index);
6、存储JSON格式数据
JSON.stringify(data) 将一个对象转换成JSON格式的数据串,返回转换后的串
JSON.parse(data) 将数据解析成对象，返回解析后的对象
备注：localStorage存数的数据是不能跨浏览器共用的，一个浏览器只能读取各自浏览器的数据,储存空间5M。
