javascript建立、讀取或者刪除cookie簡單介紹
本章節介紹一下如何使用javascript來操作cookie。
因為cookie在實際應用中有著重要的作用,並且簡單可行,雖然安全性有點問題。
但是基本的場面還是能夠撐住的,下面做一下簡單介紹:
一.設定Cookie:
[JavaScript] 純文字檢視 複製程式碼function setCookie(name,value) { document.cookie = name + '=' + escape(value); }
若不設定過期時間,預設為會話級Cookie,瀏覽器關閉就會失效。
[JavaScript] 純文字檢視 複製程式碼function setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); }
上面的程式碼可以設定一個固定的過期時間。
[JavaScript] 純文字檢視 複製程式碼//設定自定義過期時間cookie function setCookie(name,value,time){ var msec = getMsec(time); //獲取毫秒 var exp = new Date(); exp.setTime(exp.getTime() + msec*1); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); } //將字串時間轉換為毫秒,1秒=1000毫秒 function getMsec(DateStr){ var timeNum=str.substring(0,str.length-1)*1; //時間數量 var timeStr=str.substring(str.length-1,str.length); //時間單位字首,如h表示小時 //20s表示20秒 if (timeStr=="s") { return timeNum*1000; } //12h表示12小時 else if (timeStr=="h"){ return timeNum*60*60*1000; } else if (timeStr=="d"){ return timeNum*24*60*60*1000; //30d表示30天 } }
上面的程式碼可以靈活的設定過期時間。
二.讀取Cookie:
[JavaScript] 純文字檢視 複製程式碼function getCookie(name){ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); //正則匹配 if(arr=document.cookie.match(reg)){ return unescape(arr[2]); } else{ return null; } }
三.刪除Cookie:
[JavaScript] 純文字檢視 複製程式碼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(); } }
相關文章
- js設定、讀取或者刪除cookie簡單介紹JSCookie
- javascript讀寫cookie操作簡單介紹JavaScriptCookie
- javascript建立物件簡單介紹JavaScript物件
- JavaScript 建立與讀取cookieJavaScriptCookie
- javascript delete刪除屬性的注意點簡單介紹JavaScriptdelete
- js如何建立、刪除或者檢測cookie是否存在JSCookie
- javascript如何建立和讀取cookieJavaScriptCookie
- javascript函式讀取變數作用域簡單介紹JavaScript函式變數
- JavaScript 刪除cookieJavaScriptCookie
- javascript刪除註冊的事件處理函式簡單介紹JavaScript事件函式
- javascript取模運算簡單介紹JavaScript
- javascript陣列增刪改查簡單介紹JavaScript陣列
- 如何除錯javascript程式碼簡單介紹除錯JavaScript
- javascript建立名稱空間簡單介紹JavaScript
- JavaScript 簡單介紹JavaScript
- 原生javascript獲取dom元素簡單介紹JavaScript
- javascript中cookie的secure屬性的作用簡單介紹JavaScriptCookie
- js cookie路徑簡單介紹JSCookie
- JavaScript 讀取cookieJavaScriptCookie
- 簡單介紹克隆 JavaScriptJavaScript
- javascript物件簡單介紹JavaScript物件
- javascript this指向簡單介紹JavaScript
- javascript加密簡單介紹JavaScript加密
- javascript獲取和刪除指定cookie程式碼例項JavaScriptCookie
- JSON格式或者規則簡單介紹JSON
- javascript新增刪除cookie程式碼JavaScriptCookie
- jquery.cookie外掛使用簡單介紹jQueryCookie
- 簡單介紹JavaScript閉包JavaScript
- JavaScript希爾排序簡單介紹JavaScript排序
- javascript constructor簡單介紹JavaScriptStruct
- javascript的this用法簡單介紹JavaScript
- javascript arguments用法簡單介紹JavaScript
- javascript 變數簡單介紹JavaScript變數
- javascript簡單模板引擎介紹JavaScript
- javascript作用域簡單介紹JavaScript
- 簡單介紹Golang切片刪除指定元素的三種方法Golang
- JavaScript 陣列新增或者刪除元素JavaScript陣列
- 【Javascript】——簡單cookie操作JavaScriptCookie