转载请注明出处: http://qiudeqing.com/html5/2015/10/25/web-storage.html

两种对象操作一样, 不发送给服务器, key/value保存, key可以是数字或者字符串, value只能是字符串

Storage API

保存值

以下三种方法都可以

localStorage.colorSetting = '#fff';

localStorage['colorSetting'] = '#fff';

localStorage.setItem('colorSetting', '#fff');

读取值

localStorage.getItem('colorSetting');

删除记录

localStorage.removeItem('colorSetting');

localStorage.clear();

检测是否可用

由于很多浏览器包含隐身模式, 不同浏览器在这种模式下对localStorage实现不一样, 以下为Modernizr 3.0检测方法

Modernizr.addTest('localstorage', function () {
  var mod = 'modernizr';
  try {
    localStorage.setItem(mod, mod);
    localStorage.removeItem(mod);
    return true;
  } catch (e) {
    return false;
  }
});

参考资料