在開發(fā)基于微信的Web頁面時,發(fā)現(xiàn)有些機型不能存儲信息到localStorage中,或者是頁面一旦關(guān)閉,存儲的信息也失效了。
用cookie來替代localStorage,存儲一些簡單的數(shù)據(jù)。上網(wǎng)查找了一下,發(fā)現(xiàn)w3school上已有不錯的解決方案。
設(shè)置cookie:
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
//取回cookie
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return ""
}
示例:
設(shè)置cookie,有效期為365天
setCookie('username','123',365);
取回,若cookie失效,將返回空
經(jīng)過測試,完全兼容,沒有出現(xiàn)問題. 有需要的小伙伴可以參考下,謝謝支持!
您可能感興趣的文章:- JS localStorage實現(xiàn)本地緩存的方法
- 詳解JavaScript中l(wèi)ocalStorage使用要點
- 使用jquery讀取html5 localstorage的值的方法
- android webview 中l(wèi)ocalStorage無效的解決方法
- 在localStorage中存儲對象數(shù)組并讀取的方法
- 用Angular實時獲取本地Localstorage數(shù)據(jù),實現(xiàn)一個模擬后臺數(shù)據(jù)登入的效果
- 利用php實現(xiàn)一周之內(nèi)自動登錄存儲機制(cookie、session、localStorage)
- 移動端使用localStorage緩存Js和css文的方法(web開發(fā))
- JS中利用localStorage防止頁面動態(tài)添加數(shù)據(jù)刷新后數(shù)據(jù)丟失
- 本地存儲localStorage用法詳解