<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JS Cookies settings read and delete</title> </head> <body> <script type="text/javascript"> //set cookies 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(); } //read cookies function getCookie(name){ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null; } // delete cookies function delCookie(name){ var exp = new Date(); exp.setTime(exp.getTime() - 1); var gallop = getCookie (name); if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString(); } // use example setCookie("website","onestopweb.iteye.com"); alert(getCookie("website")); //delCookie("website"); </script> </body> </html>
Effect picture:
Encapsulate the above method:
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JS Cookies settings read and delete</title> </head> <body> <script type="text/javascript"> var cookie = { set:function(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(); }, get:function(name){ var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null; }, delete:function(name){ var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=cookie.get(name); if(cval!=null){ document.cookie= name + "="+cval+";expires="+exp.toGMTString(); } } } cookie.set("user","chaoyi2");//Set to expire in 24 days alert(cookie.get("user"));//获取cookie //cookie.delete("user"); </script> </body> </html>