使用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)文章
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
最近的項(xiàng)目需要將日期轉(zhuǎn)換成中文的格式，于是寫(xiě)了個(gè)小小的JS函數(shù)，使用時(shí)直接調(diào)用即可.2009-07-07
這篇文章主要給大家介紹在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+]](http://img.jbzj.com/images/xgimg/bcimg8.png)
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
