{"id":36,"date":"2007-07-24T17:34:10","date_gmt":"2007-07-24T21:34:10","guid":{"rendered":"http:\/\/prglab.com\/blog\/js-tutorial\/js-cookies"},"modified":"2007-08-25T14:37:56","modified_gmt":"2007-08-25T18:37:56","slug":"js-cookies","status":"publish","type":"page","link":"https:\/\/www.prglab.com\/blog\/js-tutorial\/js-cookies","title":{"rendered":"JavaScript Cookies"},"content":{"rendered":"<p>cookie\u901a\u5e38\u7528\u6765\u8bc6\u522b\u4e00\u4e2a\u7528\u6237\u3002<\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p><strong>\u4ec0\u4e48\u662f Cookie?<\/strong><\/p>\n<p>cookie\u662f\u4e00\u4e2a\u5b58\u50a8\u5728\u8bbf\u5ba2\u7535\u8111\u4e0a\u7684\u53d8\u91cf\u3002\u6bcf\u6b21\u5f53\u540c\u4e00\u53f0\u7535\u8111\u53d1\u51fa\u8bf7\u6c42\u8981\u8bbf\u95ee\u4e00\u4e2a\u7f51\u9875\uff0c\u5b83\u4e5f\u4f1a\u540c\u65f6\u9001\u51fa\u8fd9\u4e2acookie\u3002\u4f7f\u7528JavaScript\u4f60\u65e2\u53ef\u4ee5\u751f\u6210\u4e00\u4e2acookie\uff0c\u4e5f\u53ef\u4ee5\u8bfb\u53d6\u8fd9\u4e2acookie\u3002<\/p>\n<p>cookie\u7684\u4f8b\u5b50:<\/p>\n<ul>\n<li>\u7528\u6237\u540dcookie &#8211; \u5982\u679c\u4f60\u8981\u6c42\u7528\u6237\u5728\u7b2c\u4e00\u6b21\u8bbf\u95ee\u4f60\u7684\u7f51\u9875\u65f6\u586b\u5199\u4e00\u4e2a\u540d\u79f0\uff0c\u6bd4\u5982&#8221;\u5c0f\u674e&#8221;\uff0c\u90a3\u4e48\u8fd9\u4e2a\u540d\u79f0\u53ef\u4ee5\u5b58\u50a8\u5728cookie\u91cc\u3002\u4e0b\u4e00\u6b21\u5f53\u540c\u4e00\u4e2a\u7528\u6237\u8bbf\u95ee\u4f60\u7684\u7f51\u9875\u65f6\uff0c\u4f60\u5c31\u53ef\u4ee5\u4ece\u4ed6\u7684cookie\u4e2d\u8bfb\u53d6\u8fd9\u4e2a\u540d\u79f0\uff0c\u663e\u793a\u4e00\u6761\u9488\u5bf9\u4ed6\u7684\u6b22\u8fce\u4fe1\u606f\uff0c\u6bd4\u5982\uff1a\u201c\u5c0f\u674e\u4f60\u597d\u201d\u3002<\/li>\n<li>\u5bc6\u7801 cookie &#8211; \u540c\u6837\u5f53\u7528\u6237\u7b2c\u4e00\u6b21\u8bbf\u95ee\u4f60\u7684\u7f51\u7ad9\u65f6\u8981\u6c42\u4ed6\u8f93\u5165\u4e00\u4e2a\u5bc6\u7801\uff0c\u4e0b\u4e00\u6b21\u4ed6\u518d\u8bbf\u95ee\u4f60\u7684\u7f51\u7ad9\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4ece\u4ed6\u7684cookie\u91cc\u9762\u8bfb\u53d6\u8fd9\u4e2a\u5bc6\u7801\uff0c\u800c\u4e0d\u9700\u8981\u7528\u6237\u518d\u8f93\u5165\u4e00\u6b21\u3002<\/li>\n<li>\u65e5\u671f cookie &#8211; \u5f53\u7528\u6237\u7b2c\u4e00\u6b21\u8bbf\u95ee\u4f60\u7684\u7f51\u7ad9\u65f6\uff0c\u5f53\u524d\u65e5\u671f\u88ab\u5b58\u50a8\u5728\u4e00\u4e2acookie\u91cc\u3002\u4e0b\u4e00\u6b21\u7528\u6237\u518d\u8bbf\u95ee\u65f6\uff0c\u5c31\u53ef\u4ee5\u663e\u793a\u7c7b\u4f3c\u201c\u4f60\u4e0a\u6b21\u4e8e2005\u5e748\u670810\u65e5\u8bbf\u95ee\u672c\u7ad9\u201d\u7684\u4fe1\u606f\uff0c\u8fd9\u4e2a\u65e5\u671f\u4fe1\u606f\u5c31\u662f\u4ececookie\u91cc\u8bfb\u53d6\u7684\u3002<\/li>\n<\/ul>\n<hr \/>\n<h2>Cookie\u7684\u751f\u6210\u548c\u5b58\u50a8<\/h2>\n<p>\u4e0b\u9762\u8fd9\u4e2a\u4f8b\u5b50\u91cc\uff0c\u6211\u4eec\u751f\u6210\u4e00\u4e2acookie\u6765\u5b58\u50a8\u8bbf\u5ba2\u7684\u59d3\u540d\u3002\u7b2c\u4e00\u6b21\u7528\u6237\u6765\u8bbf\u65f6\uff0c\u4f1a\u88ab\u63d0\u793a\u586b\u5199\u59d3\u540d\u4fe1\u606f\u3002\u8f93\u5165\u7684\u59d3\u540d\u88ab\u5b58\u50a8\u5728cookie\u91cc\u3002\u4e0b\u6b21\u8bbf\u5ba2\u8bbf\u95ee\u540c\u4e00\u9875\u9762\u65f6\uff0c\u4ed6\u5c31\u4f1a\u63a5\u6536\u5230\u4e00\u4e2a\u6b22\u8fce\u4fe1\u606f\u3002<\/p>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u5199\u4e00\u4e2a\u51fd\u6570\u6765\u5c06\u8bbf\u5ba2\u7684\u59d3\u540d\u5b58\u50a8\u5728\u4e00\u4e2acookie\u53d8\u91cf\u91cc\uff1a<\/p>\n<table class=\"ex\" id=\"table3\" border=\"1\" cellspacing=\"0\" width=\"100%\">\n<tr>\n<td>\nfunction setCookie(c_name,value,expiredays)<br \/>\n{<br \/>\nvar exdate=new Date()<br \/>\nexdate.setDate(exdate.getDate()+expiredays)<br \/>\ndocument.cookie=c_name+ &#8220;=&#8221; +escape(value)+<br \/>\n((expiredays==null) ? &#8220;&#8221; : &#8220;;expires=&#8221;+exdate.toGMTString())<br \/>\n}\n<\/td>\n<\/tr>\n<\/table>\n<p>\u4e0a\u9762\u51fd\u6570\u7684\u53c2\u6570\u5206\u522b\u4e3acookie\u7684\u540d\u79f0(c_name)\uff0ccookie\u503c(value)\uff0c\u548ccookie\u7684\u6709\u6548\u5929\u6570(expiredays)\u3002<\/p>\n<p>\u5728\u4e0a\u9762\u7684\u51fd\u6570\u91cc\uff0c\u6211\u4eec\u9996\u5148\u53d6\u5f53\u524d\u65e5\u671f\uff0c\u7136\u540e\u52a0\u4e0a\u6709\u6548\u5929\u6570\uff0c\u8fd9\u6837\u5c31\u5c06cookie\u7684\u6709\u6548\u5929\u6570\u8f6c\u6362\u4e3a\u4e86\u4e00\u4e2acookie\u7684\u5931\u6548\u65e5\u671f\u3002\u7136\u540e\u6211\u4eec\u5c06 cookie\u7684\u540d\u79f0\uff0c\u503c\uff0c\u548c\u5931\u6548\u65e5\u671f\u5b58\u50a8\u5728document.cookie\u8fd9\u4e2a\u5bf9\u8c61\u91cc\u3002<\/p>\n<p>\u4e0b\u9762\uff0c\u6211\u4eec\u518d\u5199\u4e00\u4e2a\u51fd\u6570\u6765\u68c0\u67e5cookie\u662f\u5426\u5df2\u88ab\u8bbe\u7f6e\u4e86\uff1a<\/p>\n<table class=\"ex\" id=\"table4\" border=\"1\" cellspacing=\"0\" width=\"100%\">\n<tr>\n<td>\nfunction getCookie(c_name)<br \/>\n{<br \/>\nif (document.cookie.length&gt;0)<br \/>\n  {<br \/>\n  c_start=document.cookie.indexOf(c_name + &#8220;=&#8221;)<br \/>\n  if (c_start!=-1)<br \/>\n    {<br \/>\n    c_start=c_start + c_name.length+1<br \/>\n    c_end=document.cookie.indexOf(&#8220;;&#8221;,c_start)<br \/>\n    if (c_end==-1) c_end=document.cookie.length<br \/>\n    return unescape(document.cookie.substring(c_start,c_end))<br \/>\n    }<br \/>\n  }<br \/>\nreturn &#8220;&#8221;<br \/>\n}\n<\/td>\n<\/tr>\n<\/table>\n<p>\u4e0a\u9762\u8fd9\u4e2a\u51fd\u6570\u9996\u5148\u68c0\u67e5document.cookie\u91cc\u9762\u6709\u6ca1\u6709cookie\u3002\u5982\u679c\u6709cookie\uff0c\u5219\u68c0\u67e5\u662f\u5426\u5b58\u5728\u6211\u4eec\u7684cookie\u3002\u5982\u679c\u627e\u5230\u6211\u4eec\u7684cookie\uff0c\u5219\u8fd4\u56de\u5b83\u7684\u503c\u3002\u5982\u679c\u6ca1\u6709\uff0c\u8fd4\u56de\u4e00\u4e2a\u7a7a\u5b57\u7b26\u4e32\u3002<\/p>\n<p>\u6700\u540e\uff0c\u6211\u4eec\u5199\u4e0b\u9762\u8fd9\u4e2a\u51fd\u6570\uff0c\u5982\u679ccookie\u5df2\u7ecf\u8bbe\u7f6e\u4e86\uff0c\u5219\u663e\u793a\u6b22\u8fce\u4fe1\u606f\uff0c\u5982\u679c\u6ca1\u6709cookie\uff0c\u5219\u663e\u793a\u4e00\u4e2a\u63d0\u793a\u5bf9\u8bdd\u6846\uff0c\u8be2\u95ee\u7528\u6237\u7684\u59d3\u540d\uff1a<\/p>\n<table class=\"ex\" id=\"table5\" border=\"1\" cellspacing=\"0\" width=\"100%\">\n<tr>\n<td>\nfunction checkCookie()<br \/>\n{<br \/>\nusername=getCookie(&#8216;username&#8217;)<br \/>\nif (username!=null &amp;&amp; username!=&#8221;&#8221;)<br \/>\n  {alert(&#8216;Welcome again &#8216;+username+&#8217;!&#8217;)}<br \/>\nelse<br \/>\n  {<br \/>\n  username=prompt(&#8216;Please enter your name:&#8217;,&#8221;&#8221;)<br \/>\n  if (username!=null &amp;&amp; username!=&#8221;&#8221;)<br \/>\n    {<br \/>\n    setCookie(&#8216;username&#8217;,username,365)<br \/>\n    }<br \/>\n  }<br \/>\n}\n<\/td>\n<\/tr>\n<\/table>\n<p>\u628a\u4e0a\u9762\u7684\u51fd\u6570\u90fd\u4e32\u8d77\u6765\uff0c\u6211\u4eec\u6709\u4e0b\u9762\u7684\u5b8c\u6574\u4ee3\u7801:<\/p>\n<table class=\"ex\" id=\"table2\" border=\"1\" cellspacing=\"0\" width=\"100%\">\n<tr>\n<td>\n&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221;&gt;<br \/>\nfunction getCookie(c_name)<br \/>\n{<br \/>\nif (document.cookie.length&gt;0)<br \/>\n  {<br \/>\n  c_start=document.cookie.indexOf(c_name + &#8220;=&#8221;)<br \/>\n  if (c_start!=-1)<br \/>\n    {<br \/>\n    c_start=c_start + c_name.length+1<br \/>\n    c_end=document.cookie.indexOf(&#8220;;&#8221;,c_start)<br \/>\n    if (c_end==-1) c_end=document.cookie.length<br \/>\n    return unescape(document.cookie.substring(c_start,c_end))<br \/>\n    }<br \/>\n  }<br \/>\nreturn &#8220;&#8221;<br \/>\n}<br \/>\nfunction setCookie(c_name,value,expiredays)<br \/>\n{<br \/>\nvar exdate=new Date()<br \/>\nexdate.setDate(exdate.getDate()+expiredays)<br \/>\ndocument.cookie=c_name+ &#8220;=&#8221; +escape(value)+<br \/>\n((expiredays==null) ? &#8220;&#8221; : &#8220;;expires=&#8221;+exdate.toGMTString())<br \/>\n}<\/p>\n<pre>function checkCookie()<br \/>\n{<br \/>\nusername=getCookie('username')<br \/>\nif (username!=null &amp;&amp; username!=\"\")<br \/>\n  {alert('Welcome again '+username+'!')}<br \/>\nelse<br \/>\n  {<br \/>\n  username=prompt('Please enter your name:',\"\")<br \/>\n  if (username!=null &amp;&amp; username!=\"\")<br \/>\n    {<br \/>\n    setCookie('username',username,365)<br \/>\n    }<br \/>\n  }<br \/>\n}<br \/>\n&lt;\/script&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body onLoad=\"checkCookie()\"&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;\n<\/td>\n<\/tr>\n<\/table>\n<p>\u4e0a\u9762\u8fd9\u4e2a\u4f8b\u5b50\u5728\u9875\u9762\u52a0\u8f7d\u65f6\u4f1a\u8fd0\u884c\u51fd\u6570 checkCookie() \u3002<\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>cookie\u901a\u5e38\u7528\u6765\u8bc6\u522b\u4e00\u4e2a\u7528\u6237\u3002 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; \u4ec0\u4e48\u662f Cookie? cookie\u662f\u4e00\u4e2a\u5b58\u50a8\u5728\u8bbf\u5ba2\u7535\u8111\u4e0a\u7684\u53d8\u91cf\u3002\u6bcf\u6b21\u5f53\u540c\u4e00\u53f0\u7535\u8111\u53d1\u51fa\u8bf7\u6c42\u8981\u8bbf\u95ee\u4e00\u4e2a\u7f51\u9875\uff0c\u5b83\u4e5f\u4f1a\u540c\u65f6\u9001\u51fa\u8fd9\u4e2acookie\u3002\u4f7f\u7528JavaScript\u4f60\u65e2\u53ef\u4ee5\u751f\u6210\u4e00\u4e2acookie\uff0c\u4e5f\u53ef\u4ee5\u8bfb\u53d6\u8fd9\u4e2acookie\u3002 cookie\u7684\u4f8b\u5b50: \u7528\u6237\u540dcookie &#8211; \u5982\u679c\u4f60\u8981\u6c42\u7528\u6237\u5728\u7b2c\u4e00\u6b21\u8bbf\u95ee\u4f60\u7684\u7f51\u9875\u65f6\u586b\u5199\u4e00\u4e2a\u540d\u79f0\uff0c\u6bd4\u5982&#8221;\u5c0f\u674e&#8221;\uff0c\u90a3\u4e48\u8fd9\u4e2a\u540d\u79f0\u53ef\u4ee5\u5b58\u50a8\u5728cookie\u91cc\u3002\u4e0b\u4e00\u6b21\u5f53\u540c\u4e00\u4e2a\u7528\u6237\u8bbf\u95ee\u4f60\u7684\u7f51\u9875\u65f6\uff0c\u4f60\u5c31\u53ef\u4ee5\u4ece\u4ed6\u7684cookie\u4e2d\u8bfb\u53d6\u8fd9\u4e2a\u540d\u79f0\uff0c\u663e\u793a\u4e00\u6761\u9488\u5bf9\u4ed6\u7684\u6b22\u8fce\u4fe1\u606f\uff0c\u6bd4\u5982\uff1a\u201c\u5c0f\u674e\u4f60\u597d\u201d\u3002 \u5bc6\u7801 cookie &#8211; \u540c\u6837\u5f53\u7528\u6237\u7b2c\u4e00\u6b21\u8bbf\u95ee\u4f60\u7684\u7f51\u7ad9\u65f6\u8981\u6c42\u4ed6\u8f93\u5165\u4e00\u4e2a\u5bc6\u7801\uff0c\u4e0b\u4e00\u6b21\u4ed6\u518d\u8bbf\u95ee\u4f60\u7684\u7f51\u7ad9\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u4ece\u4ed6\u7684cookie\u91cc\u9762\u8bfb\u53d6\u8fd9\u4e2a\u5bc6\u7801\uff0c\u800c\u4e0d\u9700\u8981\u7528\u6237\u518d\u8f93\u5165\u4e00\u6b21\u3002 \u65e5\u671f cookie &#8211; \u5f53\u7528\u6237\u7b2c\u4e00\u6b21\u8bbf\u95ee\u4f60\u7684\u7f51\u7ad9\u65f6\uff0c\u5f53\u524d\u65e5\u671f\u88ab\u5b58\u50a8\u5728\u4e00\u4e2acookie\u91cc\u3002\u4e0b\u4e00\u6b21\u7528\u6237\u518d\u8bbf\u95ee\u65f6\uff0c\u5c31\u53ef\u4ee5\u663e\u793a\u7c7b\u4f3c\u201c\u4f60\u4e0a\u6b21\u4e8e2005\u5e748\u670810\u65e5\u8bbf\u95ee\u672c\u7ad9\u201d\u7684\u4fe1\u606f\uff0c\u8fd9\u4e2a\u65e5\u671f\u4fe1\u606f\u5c31\u662f\u4ececookie\u91cc\u8bfb\u53d6\u7684\u3002 Cookie\u7684\u751f\u6210\u548c\u5b58\u50a8 \u4e0b\u9762\u8fd9\u4e2a\u4f8b\u5b50\u91cc\uff0c\u6211\u4eec\u751f\u6210\u4e00\u4e2acookie\u6765\u5b58\u50a8\u8bbf\u5ba2\u7684\u59d3\u540d\u3002\u7b2c\u4e00\u6b21\u7528\u6237\u6765\u8bbf\u65f6\uff0c\u4f1a\u88ab\u63d0\u793a\u586b\u5199\u59d3\u540d\u4fe1\u606f\u3002\u8f93\u5165\u7684\u59d3\u540d\u88ab\u5b58\u50a8\u5728cookie\u91cc\u3002\u4e0b\u6b21\u8bbf\u5ba2\u8bbf\u95ee\u540c\u4e00\u9875\u9762\u65f6\uff0c\u4ed6\u5c31\u4f1a\u63a5\u6536\u5230\u4e00\u4e2a\u6b22\u8fce\u4fe1\u606f\u3002 \u9996\u5148\uff0c\u6211\u4eec\u5199\u4e00\u4e2a\u51fd\u6570\u6765\u5c06\u8bbf\u5ba2\u7684\u59d3\u540d\u5b58\u50a8\u5728\u4e00\u4e2acookie\u53d8\u91cf\u91cc\uff1a function setCookie(c_name,value,expiredays) { var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ &#8220;=&#8221; +escape(value)+ ((expiredays==null) ? &#8220;&#8221; : &#8220;;expires=&#8221;+exdate.toGMTString()) } \u4e0a\u9762\u51fd\u6570\u7684\u53c2\u6570\u5206\u522b\u4e3acookie\u7684\u540d\u79f0(c_name)\uff0ccookie\u503c(value)\uff0c\u548ccookie\u7684\u6709\u6548\u5929\u6570(expiredays)\u3002 \u5728\u4e0a\u9762\u7684\u51fd\u6570\u91cc\uff0c\u6211\u4eec\u9996\u5148\u53d6\u5f53\u524d\u65e5\u671f\uff0c\u7136\u540e\u52a0\u4e0a\u6709\u6548\u5929\u6570\uff0c\u8fd9\u6837\u5c31\u5c06cookie\u7684\u6709\u6548\u5929\u6570\u8f6c\u6362\u4e3a\u4e86\u4e00\u4e2acookie\u7684\u5931\u6548\u65e5\u671f\u3002\u7136\u540e\u6211\u4eec\u5c06 cookie\u7684\u540d\u79f0\uff0c\u503c\uff0c\u548c\u5931\u6548\u65e5\u671f\u5b58\u50a8\u5728document.cookie\u8fd9\u4e2a\u5bf9\u8c61\u91cc\u3002 \u4e0b\u9762\uff0c\u6211\u4eec\u518d\u5199\u4e00\u4e2a\u51fd\u6570\u6765\u68c0\u67e5cookie\u662f\u5426\u5df2\u88ab\u8bbe\u7f6e\u4e86\uff1a function getCookie(c_name) { if (document.cookie.length&gt;0) { c_start=document.cookie.indexOf(c_name + &#8220;=&#8221;) if (c_start!=-1) { c_start=c_start + c_name.length+1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3,"menu_order":26,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages\/36"}],"collection":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":0,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/pages\/3"}],"wp:attachment":[{"href":"https:\/\/www.prglab.com\/blog\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}