nerror="javascript:errorimg.call(this);">
如何创建和访问 localStorage
上面就创建了一个localStorage。
<script type="text/javascript">if (localStorage.pagecount)
localStorage.pagecount=Number(localStorage.pagecount) +1;
}else
localStorage.pagecount=1;
}document.write("Visits "+ localStorage.pagecount + " time(s).");</script>
调用setItem()方法,将对应的名字和值传递出去,可以实现数据存储
调用removeItem()方法,名称作为参数,可以删除对应的数据
使用length属性以及key()方法,传入0~length-1的数字,可以枚举所有存储数据的名字
localStorage.setItem("name", "haorooms"); // 以"name"为名字存储一个字符串localStorage.getItem("name"); // 获取"name"的值// 枚举所有存储的名字/值对for(var i=0; i<localStorage.length; i++){ // length表示所有的名值对总数
var value = localStorage.getItem(name); // 获取该对的值}localStorage.removeItem("name"); // 删除"name"项localAStorage.clear(); // 全部删除
sessionStorage用法和Localstorage用法一样,区别就是,sessionStorage是会话存储,关闭浏览器,存储内容就会被清除。
IE User Data
userData可以实现一定量的字符串数据存储,对于IE8以前的IE浏览器中,可以将其用作是Web存储的替代方案。
由于IE8以下浏览器的本地存储API不一样,所以就写了个插件兼容各大浏览器存储。提供的方法及用法如下:
插件代码
* LocalStorage 本地存储兼容函数
* setItem: 设置属性
*
* @example
iLocalStorage.setItem('key', 'value');
iLocalStorage.removeItem('key');
*/(function(window, document){
var UserData = {
name: location.href,
// IE7下的初始化
try{
UserData.userData.type = "hidden";
UserData.userData.addBehavior("#default#userData");
var expires = new Date();
UserData.userData.expires = expires.toUTCString();
return false;
}
},
if(UserData.init()){
UserData.userData.setAttribute(key, value);
}
getItem: function(key){
if(UserData.init()){
return UserData.userData.getAttribute(key);
}
removeItem: function(key){
if(UserData.init()){
UserData.userData.removeAttribute(key);
}
}
// 2. 兼容只支持globalStorage的浏览器
function getLocalStorage(){
return localStorage;
return globalStorage[location.href];
return globalStorage[location.href];
throw new Error("不支持本地存储");
}
function iLocalStorage(){
// 高级浏览器的LocalStorage对象
iLocalStorage.prototype = {
if(!window.localStorage){
UserData.setItem(key, value);
storage.setItem(key, value);
}
getItem: function(key){
return UserData.getItem(key);
return storage.getItem(key);
}
removeItem: function(key){
UserData.removeItem(key);
storage.removeItem(key);
}
if (typeof module == 'object') {
}else {
}})(window, document);
localForage:https://github.com/mozilla/localForage
------------------
专注web前端开发技术,关注用户体验,加我们公众微信账号:qietuwang(长按复制)
