javascript 操作cookies詳解及實(shí)例
javascript 操作cookies詳解
這段操作cookies的方法我使用很久了,但是一直一來沒遇到什么問題,今天在做一個在第一個頁面保存了cookies,第二個頁面獲取或者第三個頁面獲取的功能中,發(fā)現(xiàn)了方法的局限性,比如,第一個頁面路徑為 http://xxxxx/cyb-car2016/h5OfficeWorker/index,第二個頁面路徑為 http://xxxxx/cyb-car2016/h5AlertController/index,其中除了域名是一樣之外,還有一個命名空間不一樣,而cookies是默認(rèn)保存在當(dāng)前頁面下,所以在第一個頁面中保存了cookies,因?yàn)楸4娴穆窂讲煌?,第二個頁面會獲取不到cookies。 解決方法是,在保存cookies的時候,設(shè)置一下path,document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString()+";path=/"; ,其中path=/表示保存在域名路徑下,全局可用
/***********************操作cookies的方法***************************/
//寫cookies
//這是有設(shè)定過期時間的使用示例:
//s20是代表20秒
//h是指小時,如12小時則是:h12
//d是天數(shù),30天則:d30
function setCookie(name,value,time){
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString()+";path=/";
}
//讀取cookies
function getCookie(name){
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return false;
}
// 刪除cookies
function delCookie(name){
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString()+";path=/";
}
function getsec(str){
//alert(str);
var str1=str.substring(1,str.length)*1;
var str2=str.substring(0,1);
if (str2=="s")
{
return str1*1000;
}
else if (str2=="h")
{
return str1*60*60*1000;
}
else if (str2=="d")
{
return str1*24*60*60*1000;
}
}
//獲取Cookie
//var name = getCookie("name");
//var phone = getCookie("phone");
//
//if(phone != ""){
// $("input[name=phone]").val(phone);
//}
//if(name!="false"){
// $("input[name=name]").val(name);
//}
/***********************操作cookies的方法***************************/
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
Css-In-Js實(shí)現(xiàn)classNames庫源碼解讀
這篇文章主要為大家介紹了Css-In-Js實(shí)現(xiàn)classNames庫源碼解讀,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
Umi4集成阿里低代碼框架lowcode-engine實(shí)現(xiàn)
這篇文章主要為大家介紹了Umi4集成阿里低代碼框架lowcode-engine實(shí)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08
TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則
這篇文章主要為大家介紹了TypeScript中Module使用區(qū)別及模塊路徑解析規(guī)則,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
JavaScript實(shí)現(xiàn)余額數(shù)字滾動效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)余額數(shù)字滾動效果,將傳入的帶滾動的n位數(shù)字拆分成每一個要滾動的數(shù),然后動態(tài)的創(chuàng)建裝著滾動到每一位相應(yīng)數(shù)字的容器,然后放入傳入的目標(biāo)容器中,更多詳細(xì)內(nèi)容,一起進(jìn)入下面文章學(xué)習(xí)吧2021-12-12
JS實(shí)現(xiàn)大數(shù)相加大數(shù)相乘示例詳解
這篇文章主要為大家介紹了JS實(shí)現(xiàn)大數(shù)相加大數(shù)相乘示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08

