使用localStorage替代cookie做本地存儲
更新時間:2019年09月25日 14:18:01 作者:longxuu
這篇文章主要為大家詳細介紹了使用localStorage替代cookie做本地存儲,具有一定的參考價值,感興趣的小伙伴們可以參考一下
因為cookie存儲有限,加上cookie每次都要上傳到服務器,浪費了帶寬不說,而且傷害了感情。
基于HTML5的localStorage可能能給你帶的新的希望,而且最大支持不超過5MB的數據存儲??上У氖牵琁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。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JavaScript在form表單中使用button按鈕實現submit提交方法
在form表單提交中,使用button來間接完成submit的提交更為靈活。接下來通過本文給大家介紹JavaScript在form表單中使用button按鈕實現submit提交方法,需要的朋友參考下吧2017-01-01原生JS實現循環(huán)Nodelist Dom列表的4種方式示例
這篇文章主要介紹了原生JS實現循環(huán)Nodelist Dom列表的4種方式,結合具體實例形式分析了javascript循環(huán)遍歷Nodelist Dom列表的常用操作技巧,需要的朋友可以參考下2018-02-02