JS建立和儲存 cookie的一些方法

2021-07-29 14:35:14 字數 1989 閱讀 6812

在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...