使用localStorage替代cookie做本地存儲(chǔ)

更新時(shí)間：2019年09月25日 14:18:01 作者：longxuu

這篇文章主要為大家詳細(xì)介紹了使用localStorage替代cookie做本地存儲(chǔ)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

因?yàn)閏ookie存儲(chǔ)有限，加上cookie每次都要上傳到服務(wù)器，浪費(fèi)了帶寬不說(shuō)，而且傷害了感情。

基于HTML5的localStorage可能能給你帶的新的希望，而且最大支持不超過(guò)5MB的數(shù)據(jù)存儲(chǔ)?？上У氖?，IE方面只支持IE8以上的版本。

我花了一點(diǎn)時(shí)間就最近瀏覽記錄的存儲(chǔ)簡(jiǎn)單的寫(xiě)了一個(gè)javascript代碼來(lái)做演示

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:'標(biāo)題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]));
}

實(shí)在不行的話還可以使用flash來(lái)存儲(chǔ)，不建議使用cookie。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

論壇里點(diǎn)擊別人帖子下面的回復(fù)，回復(fù)標(biāo)題變成“回復(fù) 24# 的帖子”
2009-06-06
javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa
這篇文章主要介紹了javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa，效果非常不錯(cuò)，這里推薦給大家，有需要的小伙伴可以參考下。
2015-04-04
javascript的document中的動(dòng)態(tài)添加標(biāo)簽實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇淺談javascript的document中的動(dòng)態(tài)添加標(biāo)簽實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
uni-app低成本封裝一個(gè)取色器組件的簡(jiǎn)單方法
最近想實(shí)現(xiàn)一個(gè)uniapp取色器組件,實(shí)現(xiàn)后發(fā)現(xiàn)效果還不錯(cuò),下面這篇文章主要給大家介紹了關(guān)于uni-app低成本封裝一個(gè)取色器組件的相關(guān)資料,文中通過(guò)圖文介紹的介紹的非常詳細(xì),需要的朋友可以參考下
2023-02-02
js 日期轉(zhuǎn)換成中文格式的函數(shù)
最近的項(xiàng)目需要將日期轉(zhuǎn)換成中文的格式，于是寫(xiě)了個(gè)小小的JS函數(shù)，使用時(shí)直接調(diào)用即可.
2009-07-07
在JavaScript中如何解決用execCommand(
這篇文章主要給大家介紹在JavaScript中如何解決用execCommand("SaveAS")保存頁(yè)面兼容性問(wèn)題，設(shè)計(jì)到execCommand兼容性問(wèn)題，感興趣的朋友可以參考下本篇文章
2015-10-10
BootStrap中的table實(shí)現(xiàn)數(shù)據(jù)填充與分頁(yè)應(yīng)用小結(jié)
這篇文章主要介紹了BootStrap中的table實(shí)現(xiàn)數(shù)據(jù)填充與分頁(yè)功能的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-05-05
使用js實(shí)現(xiàn)單鏈解決前端隊(duì)列問(wèn)題的方法
這篇文章主要介紹了使用js實(shí)現(xiàn)單鏈解決前端隊(duì)列問(wèn)題的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
JavaScript 新手24條實(shí)用建議[TUTS+]
本文列出了24條能讓你的代碼編寫(xiě)過(guò)程更為輕松高效的建議。也許您還是JavaScript初學(xué)者，剛剛寫(xiě)完自己的Hello World，那這里有很多對(duì)您的工作將十分有用的小貼士；也許有些技巧您已經(jīng)知道，那就試試快速瀏覽一下，看能不能發(fā)現(xiàn)一點(diǎn)新東西吧！
2009-06-06
js實(shí)現(xiàn)定時(shí)進(jìn)度條完成后切換圖片
這篇文章主要介紹了js實(shí)現(xiàn)定時(shí)進(jìn)度條,進(jìn)度100%以后可以切換圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01