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