使用localStorage替代cookie做本地存儲(chǔ)
因?yàn)閏ookie存儲(chǔ)有限,加上cookie每次都要上傳到服務(wù)器,浪費(fèi)了帶寬不說,而且傷害了感情。
基于HTML5的localStorage可能能給你帶的新的希望,而且最大支持不超過5MB的數(shù)據(jù)存儲(chǔ)。可惜的是,IE方面只支持IE8以上的版本。
我花了一點(diǎn)時(shí)間就最近瀏覽記錄的存儲(chǔ)簡單的寫了一個(gè)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:'標(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來存儲(chǔ),不建議使用cookie。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js局部刷新頁面時(shí)間具體實(shí)現(xiàn)
這篇文章介紹了js局部刷新頁面時(shí)間具體實(shí)現(xiàn),需要的朋友可以參考一下2013-07-07js實(shí)現(xiàn)溫度計(jì)時(shí)間樣式代碼分享
本文主要介紹了javascript實(shí)現(xiàn)溫度計(jì)時(shí)間樣式,推薦給大家,有需要的小伙伴可以參考下。2015-08-08JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東快遞單號(hào)查詢,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11微信小程序?qū)崿F(xiàn)點(diǎn)餐小程序左側(cè)滑動(dòng)菜單
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)餐小程序左側(cè)滑動(dòng)菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法
在form表單提交中,使用button來間接完成submit的提交更為靈活。接下來通過本文給大家介紹JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法,需要的朋友參考下吧2017-01-01原生JS實(shí)現(xiàn)循環(huán)Nodelist Dom列表的4種方式示例
這篇文章主要介紹了原生JS實(shí)現(xiàn)循環(huán)Nodelist Dom列表的4種方式,結(jié)合具體實(shí)例形式分析了javascript循環(huán)遍歷Nodelist Dom列表的常用操作技巧,需要的朋友可以參考下2018-02-02JavaScript中小數(shù)點(diǎn)精度丟失的原因以及解決方法
計(jì)算機(jī)再大的內(nèi)存它也存不下,所以不能存儲(chǔ)一個(gè)相對于數(shù)學(xué)來說的值,只能存儲(chǔ)一個(gè)近似值,所以當(dāng)計(jì)算機(jī)存儲(chǔ)后再取出來用時(shí)就會(huì)出現(xiàn)精度問題,下面這篇文章主要給大家介紹了關(guān)于JavaScript中小數(shù)點(diǎn)精度丟失的原因以及解決方法,需要的朋友可以參考下2023-10-10bootstrap導(dǎo)航欄、下拉菜單、表單的簡單應(yīng)用實(shí)例解析
這篇文章主要介紹了bootstrap導(dǎo)航欄、下拉菜單、表單的簡單應(yīng)用實(shí)例解析,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-01-01模擬彈出窗口效果,關(guān)閉層之前,不能選擇后面的頁內(nèi)容
模擬彈出窗口效果,關(guān)閉層之前,不能選擇后面的頁內(nèi)容...2007-02-02