在js中cookie的操作與儲存及清除cookie都與時間有關,我們只要把cookie過期時間進行有效的設定我們就可以控制它的儲存了,下面我來給大家總結一下js中cookie的一些使用技巧
建立和儲存 cookie
在這個例子中我們要建立乙個儲存訪問者名字的 cookie。當訪問者首次訪問**時,他們會被要求填寫姓名。名字會儲存於 cookie 中。當訪問者再次訪問**時,他們就會收到歡迎詞。
首先,我們會建立乙個可在 cookie 變數中儲存訪問者姓名的函式:
**如下
複製**
function setcookie (name, value)
上面這個函式中的引數存有 cookie 的名稱、值以及過期天數。
在上面的函式中,我們首先將天數轉換為有效的日期,然後,我們將 cookie 名稱、值及其過期日期存入 document.cookie 物件。
之後,我們要建立另乙個函式來檢查是否已設定 cookie:
**如下
複製**
function getcookie(c_name) }
return ""
}上面的函式首先會檢查 document.cookie 物件中是否存有 cookie。假如 document.cookie 物件存有某些 cookie,那麼會繼續檢查我們指定的 cookie 是否已儲存。如果找到了我們要的 cookie,就返回值,否則返回空字串。
最後,我們要建立乙個函式,這個函式的作用是:如果 cookie 已設定,則顯示歡迎詞,否則顯示提示框來要求使用者輸入名字。
**如下
複製**
function checkcookie()
else }}
乙個完整例項
**如下
複製**
上面講到了cookie的建立我們現在來看乙個利用cookie儲存瀏覽記錄例項
瀏覽記錄的顯示是從cookie裡讀出來,然後解析成json,生成html元素。因為使用者可能會同時開啟好幾個頁面,這幾個頁面上可能都有瀏覽記錄,為了使即使顯示瀏覽記錄,每秒中重新整理一次。
要用到2個js檔案,history.js,關鍵的聊天記錄儲存和讀取**。json.js,對json進行處理。
history.js
**如下
複製**
var addhistory=function(num,id)";
var json=new json(stringhistory);
var e="";
json['history'].push(e);//新增乙個新的記錄
setcookie('history',json.tostring(),30);
}//顯示歷史記錄
var displayhistory=function()
json檔案
**如下
複製**
json.js
var json = function(sjson);})(this,(this.objtype=='string')?eval('0,'+sjson):sjson);
}json.prototype = ,
valueof:function(),
getstring:function()
}sa.push('],');
continue;
}else
if(typeof oo=='object') arguments.callee(oo);}}
sa.push('},');
})(this.self);
return sa.slice(0).join('').replace(/[object object],/ig,'').replace(/,}/g,'}').replace(/,]/g,']').slice(0,-1);
},push:function(sname,svalue)
}html文件
**如下
複製**
示例程式
JS建立和儲存 cookie的一些方法
在js中cookie的操作與儲存及清除cookie都與時間有關,我們只要把cookie過期時間進行有效的設定我們就可以控制它的儲存了,下面我來給大家總結一下js中cookie的一些使用技巧 建立和儲存 cookie 在這個例子中我們要建立乙個儲存訪問者名字的 cookie。當訪問者首次訪問 時,他們...
Cookie的建立和刪除
建立乙個cookie,第乙個引數表示key值,第二個引數表示value,第三個引數表示儲存時間,按秒計算 setcookie name kong time 60 刪除乙個cookie,可填寫任意時間 setcookie name time 100 刪除所有的cookie foreach cookie...
js儲存cookie與讀取cookie
設定cookie param name param value function setcookie name,value path引數巨坑!一般設定之後頁面都可以訪問cookie,否則只能在乙個頁面。功能 獲取cookies函式 引數 cookie name名字 function getcooki...