跨浏览器的本地存储解决方案(localStorage)

判断浏览器内核:


Browser.Engine.gecko    -> firefox内核

Browser.Engine.webkit   -> chrome 内核

Browser.Engine.trident  -> IE 内核


基本上现在主流浏览器 都支持 localStorage!

 

因此,拟使用localStorage来作为前端存储主干方案!


ie6 ie7  可以使用userdata! 话说现在还有人在用吗。。。

 

/**
 * 本地存储类
 * --------------------------------------------------------
 * USAGE
 *  Storage.write("key", "value");
 *  Storage.read("key");
 * --------------------------------------------------------
 * @author: superho
  */

(function() {
    var storage = new Class({
        initialize: function(key){
            this.key = key;
        },
        write: function(value) {},
        read: function() {},
        dispose: function() {}
    });

	storage.implement({
		write: function(value) {
        	localStorage.setItem(this.key, JSON.encode(value));
		},
        read: function() {
			var item = localStorage.getItem(this.key);
            if (item) {
            	return JSON.decode(item);
            }
			return null;
   		},
        dispose: function() {
        	return localStorage.removeItem(this.key);
     	}
    });
    
    this.Storage = storage;
})();

$extend(Storage, {
    write: function(key, value) {
        new Storage(key).write(value);
    },
    read: function(key) {
        return new Storage(key).read();
    },
    remove: function(key) {
        new Storage(key).dispose();
    }
});
 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值