这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章给大家主要介绍了 JavaScript 中 cookie 工具函数的封装,文中给出了详细的实现步骤和示例代码,相信会对大家的理解很有帮助,有需要的朋友们下面来一起看看吧。
一. 语法
1.1 获取当前页面的所有 cookie:
- var allCookies = document.cookie;
allCookies 是一个字符串,其中包含了以分号分隔的 cookie 列表字符串 (即 key=value 键值对)。
1.2 写一个新 cookie:
- document.cookie = updatedCookie;
updatedCookie 是一个键值对形式的字符串。只能用这个方法一次设置或更新一个 cookie,而且写入并不是覆盖,而是添加。例如:
- document.cookie = "fontSize=14";
- document.cookie = "fontSize=16";
- document.cookie = "fontColor=black";
- document.cookie; // fontSize=16;fontColor=black
1.3 可选属性:
除了 Cookie 本身的内容,还有一些可选的属性也是可以写入的,定义 cookie 的设定 / 更新,跟着一个分号以作分隔:
- Set-Cookie: value[; expires=date][; domain=domain][; path=path][; secure]
(1) path=path (例如'/','/mydir') 如果没有定义,默认为当前文档位置的路径。
(2) domain=domain (例如'example.com','.example.com'(包括所有子域名), 'subdomain.example.com') 如果没有定义,默认为当前文档位置的路径的域名部分。
(3) max-age=max-age-in-seconds (例如一年为 606024*365)
(4) expires=date-in-GMTString-format 如果没有定义,cookie 会在对话结束时过期。这个值的格式参见 Date.toUTCString() 。
(5) secure (cookie 只通过 https 协议传输) cookie 的值字符串可以用 encodeURIComponent() 来保证它不包含任何逗号、分号或空格 (cookie 值中禁止使用这些值)。
二. cookie 的接口封装:
- var cookieUtil = {
- // 设置cookie
- setItem: function(name, value, days) {
- var date = new Date();
- date.setDate(date.getDate() + days);
- document.cookie = name + '=' + value + ';expires=' + date;
- },
- // 获取cookie
- getItem: function(name) {
- var arr = document.cookie.replace(/\s/g, "").split(';');
- for (var i = 0; i < arr.length; i++) {
- var tempArr = arr[i].split('=');
- if (tempArr[0] == name) {
- return decodeURIComponent(tempArr[1]);
- }
- }
- return '';
- },
- // 删除cookie
- removeItem: function(name) {
- this.setItem(name, '1', -1);
- },
- // 检查是否含有某cookie
- hasItem: function(name) {
- return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(name).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie);
- },
- // 获取全部的cookie列表
- getAllItems: function() {
- var cookieArr = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/);
- for (var nIdx = 0; nIdx < cookieArr.length; nIdx++) {
- cookieArr[nIdx] = decodeURIComponent(cookieArr[nIdx]);
- }
- return cookieArr;
- }
- };
总结
以上就是 JavaScript 中 cookie 工具函数封装的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
来源: http://www.phperz.com/article/17/0511/331295.html