JavaScript 读取Cookie

读取Cookie

可以通过document.cookie直接读取cookie的内容：

1. var strCookie = document.cookie; 

此时，strCookie是一个由该域名下的所有cookie的名/值对所组成的字符串，名/值对间以“分号加空格”分隔。为了方便查看，可以使用split()方法将cookie中的名/值对解析出来，得到一个cookie的列表。然后，再使用相应的解码方式，把cookie的值还原出来。

cookie值的解码方式，取决于之前存储cookie时所采用的编码方式。比如使用encodeComponent()函数对值进行编码，则要使用decodeComponent()函数对其值进行解码。代码如下：

1. function getCookie(name) {
2. var cookies = document.cookie;
3. var list = cookies.split("; ");     // 解析出名/值对列表
4.       
5. for(var i = 0; i < list.length; i++) {
6. var arr = list[i].split("=");   // 解析出名和值
7. if(arr[0] == name)
8. return decodeURIComponent(arr[1]);   // 对cookie值解码
9. } 
10. return "";
11. }

说明：

许多浏览器（如Google Chrome）不支持在本地文件中直接访问cookie，所以，要确保是在Web服务器中打开文件，否则可能无法进行cookie的读写操作。虽然IE允许对本地文件的cookie的读写操作，但cookie始终是会话级别的，即使通过max-age属性延长了cookie的生存期。

从客户端读取cookie时，name与value之外的其他属性都是不可读的，也不会被提交，浏览器只会提交name与value属性。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。

版权声明：本文出自 歪脖网 的《HTML宝典》，欢迎在线阅读，并提出宝贵意见。