使用localStorage替代cookie做本地存儲
更新時間：2019年09月25日 14:18:01 作者：longxuu
這篇文章主要為大家詳細介紹了使用localStorage替代cookie做本地存儲，具有一定的參考價值，感興趣的小伙伴們可以參考一下
因為cookie存儲有限，加上cookie每次都要上傳到服務(wù)器，浪費了帶寬不說，而且傷害了感情。
基于HTML5的localStorage可能能給你帶的新的希望，而且最大支持不超過5MB的數(shù)據(jù)存儲?？上У氖牵琁E方面只支持IE8以上的版本。
我花了一點時間就最近瀏覽記錄的存儲簡單的寫了一個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。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
javascript實現(xiàn)了照片拖拽點擊置頂?shù)恼掌瑝Υa
這篇文章主要介紹了javascript實現(xiàn)了照片拖拽點擊置頂?shù)恼掌瑝Υa，效果非常不錯，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
javascript的document中的動態(tài)添加標簽實現(xiàn)方法
下面小編就為大家?guī)硪黄獪\談javascript的document中的動態(tài)添加標簽實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
最近想實現(xiàn)一個uniapp取色器組件,實現(xiàn)后發(fā)現(xiàn)效果還不錯,下面這篇文章主要給大家介紹了關(guān)于uni-app低成本封裝一個取色器組件的相關(guān)資料,文中通過圖文介紹的介紹的非常詳細,需要的朋友可以參考下2023-02-02
最近的項目需要將日期轉(zhuǎn)換成中文的格式，于是寫了個小小的JS函數(shù)，使用時直接調(diào)用即可.2009-07-07
這篇文章主要給大家介紹在JavaScript中如何解決用execCommand("SaveAS")保存頁面兼容性問題，設(shè)計到execCommand兼容性問題，感興趣的朋友可以參考下本篇文章2015-10-10
BootStrap中的table實現(xiàn)數(shù)據(jù)填充與分頁應(yīng)用小結(jié)
這篇文章主要介紹了BootStrap中的table實現(xiàn)數(shù)據(jù)填充與分頁功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-05-05
這篇文章主要介紹了使用js實現(xiàn)單鏈解決前端隊列問題的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02![JavaScript 新手24條實用建議[TUTS+]](http://img.jbzj.com/images/xgimg/bcimg8.png)
本文列出了24條能讓你的代碼編寫過程更為輕松高效的建議。也許您還是JavaScript初學(xué)者，剛剛寫完自己的Hello World，那這里有很多對您的工作將十分有用的小貼士；也許有些技巧您已經(jīng)知道，那就試試快速瀏覽一下，看能不能發(fā)現(xiàn)一點新東西吧！2009-06-06
這篇文章主要介紹了js實現(xiàn)定時進度條,進度100%以后可以切換圖片，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
