手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript中cookie工具函数封装的示例代码
JavaScript中cookie工具函数封装的示例代码
摘要:一.语法1.1获取当前页面的所有cookie:varallCookies=document.cookie;allCookies是一个字符串,...

一. 语法

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("(" + encodeURIComponent(name).replace(/[-.+*]/g, "$&") + "s*=")).test(document.cookie); }, // 获取全部的cookie列表 getAllItems: function() { var cookieArr = document.cookie.replace(/((?:^|s*;)[^=]+)(?=;|$)|^s*|s*(?:=[^;]*)?(").split(/s*(?:=[^;]*)?;s*/); for (var nIdx = 0; nIdx < cookieArr.length; nIdx++) { cookieArr[nIdx] = decodeURIComponent(cookieArr[nIdx]); } return cookieArr; } };

总结

以上就是JavaScript中cookie工具函数封装的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

【JavaScript中cookie工具函数封装的示例代码】相关文章:

JavaScript中strike()方法的使用介绍

JavaScript基本数据结构

在HTML中插入JavaScript代码的示例

讲解JavaScript中for...in语句的使用方法

JavaScript静态的动态

JavaScipt中Function()函数的使用教程

JavaScript常用函数工具集:lao-utils

javascript中this的四种用法

Javascript中For In语句用法实例

JavaScript中的parse()方法使用简介

精品推荐
分类导航