使用localStorage替代cookie做本地存储


Posted in Javascript onSeptember 25, 2019

因为cookie存储有限,加上cookie每次都要上传到服务器,浪费了带宽不说,而且伤害了感情。

基于HTML5的localStorage可能能给你带的新的希望,而且最大支持不超过5MB的数据存储。可惜的是,IE方面只支持IE8以上的版本。

使用localStorage替代cookie做本地存储

我花了一点时间就最近浏览记录的存储简单的写了一个javascript代码来做演示

late = {
 storage : {},
 isinit : 0,
 maxnum : 10,
 key : 'vestigial',
 _init:function(){
  if (late.isinit === 1) {
   return true;
  } else if (late.isinit === 0 && window.localStorage) {
   late.isinit = 1;
   late.storage = window.localStorage;
   return true;
  } else {
   return false;
  }
 },
 
 get:function(){
  if(late._init()){
   var data = late.storage.getItem(late.key);
   return JSON.parse(data);
  }else{
   return false;
  }
 },
 
 set:function(value){
  if(late._init()){
   var data = late.storage.getItem(late.key); 
   data = JSON.parse(data);
   if(data === null){
    data = [];
   }
   if (data.length === 10) {
    data.shift();
   }
   data.push(value);
   data = JSON.stringify(data);
   late.storage.setItem(late.key, data);
   return true;
  }else{
   return false;
  }
 }
};
 
var obj = {
  id:2, 
  title:'标题1', 
  url:'http://www.baidu.com'
 };
late.set(obj);
var each = late.get();
var eachlength = each.length;
for(i=0; i<eachlength; i++){
 document.writeln(JSON.stringify(each[i]));
}

实在不行的话还可以使用flash来存储,不建议使用cookie。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 Javascript
Javascript 面向对象 对象(Object)
May 13 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Oct 12 Javascript
JavaScript实现简单音乐播放器
Apr 17 Javascript
JavaScript使用localStorage存储数据
Sep 25 #Javascript
Vue路由守卫之路由独享守卫
Sep 25 #Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 #Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 #Javascript
layui实现图片虚拟路径上传,预览和删除的例子
Sep 25 #Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 #Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 #Javascript
You might like
用函数读出数据表内容放入二维数组
2006/10/09 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
PHP实现动态柱状图改进版
2015/03/30 PHP
php及codeigniter使用session-cookie的方法(详解)
2017/04/06 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
基于jQuery的动态表格插件
2011/03/28 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
2014/03/12 Javascript
详解AngularJS中的作用域
2015/06/17 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
2018/11/29 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
一文搞懂ES6中的Map和Set
2019/05/20 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
JS实现返回上一页并刷新页面的方法分析
2019/07/16 Javascript
jquery获取input输入框中的值
2019/11/13 jQuery
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
Python中存取文件的4种不同操作
2018/07/02 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
利用CSS3实现文字折纸效果实例代码
2018/07/10 HTML / CSS
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
金融系应届毕业生求职信
2014/05/26 职场文书
工程学毕业生自荐信
2014/06/14 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
辞职信标准格式
2015/02/27 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
CentOS7 minimal 最小化安装网络设置过程
2022/12/24 Servers