用cookie实现localstorage功能

在项目中需要利用到html5的localstorage。但在利用这个属性的时候却发现无法达到预定目标。经过不断的检查及排除，最后发现原因所在：

项目中使用的浏览器是支持localstorage的，但是却无法使用，具体原因未知（推测可能需要对浏览器的环境变量进行相关配置才能直接使用，但我对此无能为力）。

最后，通过上网查询，发现可以使用cookie实现localstorage的功能（当然数据保存是有期限的），代码如下：

<script  type="text/javascript">//创建localStorage1
var localStorage1Class = function(){this.options = {expires : 60*24*3600,}
}
localStorage1Class.prototype = {//初实化。添加过期时间
       init:function(){var date = new Date();date.setTime(date.getTime() + 60*24*3600);this.setItem('expires',date.toGMTString());},//内部函数参数说明(key) 检查key是否存在
       findItem:function(key){var bool = document.cookie.indexOf(key);if( bool < 0 ){return true;}else{return false;}},//得到元素值 获取元素值 若不存在则返回 null
       getItem:function(key){       var i = this.findItem(key);if(!i){var array = document.cookie.split(';')           for(var j=0;j<array.length;j++){var arraySplit = array[j];if(arraySplit.indexOf(key) > -1){var getValue = array[j].split('=');//将 getValue[0] trim删除两端空格getValue[0] = getValue[0].replace(/^\s\s*/, '').replace(/\s\s*$/, '')if(getValue[0]==key){return getValue[1];}else{return 'null';}}}}},//重新设置元素
       setItem:function(key,value){var i = this.findItem(key)document.cookie=key+'='+value;},//清除所有cookie 参数
       remove:function(){var array = document.cookie.split(';')            for(var cl =0 ;cl<array.length;cl++){var date = new Date();date.setTime(date.getTime() - 100);document.cookie =array[cl] +"=a; expires=" + date.toGMTString();}}
}          var localStorage1 = new localStorage1Class();localStorage1.init();
</script>

转载：http://blog.csdn.net/xiaosong521/article/details/7733424

转载于:https://www.cnblogs.com/wawahaha/p/4937964.html

用cookie实现localstorage功能相关推荐

session,cookie,sessionStorage,localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互. 一.cookie和session cookie和session都是用来跟踪浏览器 ...
Vue项目代码改进（三）—— Cookie、LocalStorage和SessionStorage的使用
存在问题: 如果在退出页面时,没有点击"退出"按钮,而是直接关闭页面,token并没有被清除,依然能通过访问http://localhost:8080/#/ 直接进入主页. 原因: ...
浅谈session,cookie,sessionStorage,localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互. 一.cookie和session cookie和session都是用来跟踪浏览器 ...
前端存储之cookie、localStorage、sessionStorage、indexDB
cookie Cookie 是小甜饼的意思.顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 Lou Montulli 在1993年3月的发明.它的主要用途有保存登录信 ...
html5 localstorage 生命周期,cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式...
写在前面: 前端开发的供个到效近一项消果近一项消果近一项消果近时候,在网页刷新的时候,所有数据都会被清空,这时候就要用到本地存储的技术,前端本地存储的方式有三种,分别是cookie,localstor ...
本地存储三种方式cookie、localStorage、sessionStorage的详细介绍
前言网页刷新的时候数据会被清空,这时候就需要用到存储技术.前端本地存储的方式有三种,分别是cookie.localStorage.sessionStorage.在前端面试过程中,经常会被问及这些存储 ...
前端cookie、localStorage、sessionStorage缓存技术总结
前端cookie.localStorage.sessionStorage缓存技术总结转载自:https://www.cnblogs.com/belove8013/p/8134067.html 1.C ...
彻底理解cookie,session,localStorage(附代码)
2019独角兽企业重金招聘Python工程师标准>>> 1. cookie 1.1 什么是cookie cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某 ...
cookie对比localStorage哪个适合作为网站皮肤存储
cookie对比localStorage哪个适合作为网站皮肤存储 cookie cookie : 一般由服务器生成,可设置失效时间.如果在浏览器生成,默认是关闭浏览器之后失效存储大小:4k 每次都会 ...

用cookie实现localstorage功能

用cookie实现localstorage功能相关推荐

最新文章

热门文章