NBA
localstorage(html5之Localstorage本地存储详解)

html5之Localstorage本地存储详解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(长按复制)


    顶一下()     踩一下()

    热门推荐

    发表评论
    0评