## 前言
通过以下源码,你将得到设置,获取,清除cookie的三个基本方法,
~~~
/*
* 对cookie 的理解 ,他是一个浏览器对象,而非js的对象,可以跨页面读取。通过cookie可以设置保存用户的账户信息等,同时cookie
也是针对域名区分的,保存于用户对应的数据文件中,所以清除缓存之后会丢失。 同时设置cookie之后,不用向服务器多次请求用户信息,直接使用保存的用户基本信息以及sessionid即可。
* */
/*
设置cookie 的键值对,参数说明 :
name 名称 str ; value 值 str ;
expireDays 过期的时间 以当前时间为准 ,单位为天 number;path 目录
* */
function setCookie(name, value) {
var exp = new Date();
var expireDays = 0.5; //默認保存30天
exp.setTime(exp.getTime() + expireDays * 24 * 3600 * 1000);
//为保证安全 需要将所有的值编码
var value = escape(value);
var path = "/"; //默認保存到域名地址
if(path != null) {
document.cookie = name + '=' + value + ";expires=" + exp.toGMTString() + ";path=" + path;
} else {
document.cookie = name + '=' + value + ";expires=" + exp.toGMTString();
};
};
/*
删除cookie 的键值对,参数说明 : name 名称 str 设置过期时间为过去的时间即可
* */
function delCookie(name) {
var exp = new Date();
exp.setTime(exp.getTime() - 100);
var value = getCookie(name);
if(value != null)
document.cookie = name + "=" + value + ";expires=" + exp.toGMTString() + ";path=/";
};
/*
获取cookie 的键值对,参数说明 : name 名称 str
* */
function getCookie(name) {
var strCookie = document.cookie;
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if(arr = strCookie.match(reg))
return unescape(arr[2]);
else
return "";
};
~~~
- 前端入门
- 前端入职须知
- 前端自我定位
- pc与手机页面差别
- 前端书单
- 前端种子计划
- 前端技术栈
- ps
- ps入门阶段
- html
- html入门
- html代码规范
- meta
- table
- iframe
- a标签详解
- image
- html代码审查工具
- h5专题
- h5入门
- h5新增属性
- canvas画布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入门必学
- css代码规范
- 项目字体规范
- css基本位置布局
- css常见样式命名规则
- css代码优化建议
- css常用样式名
- css选择器攻略
- css盒子模型的理解
- css属性继承与默认值
- css代码审查工具
- css中常见的知识盲区
- css3新特性浅谈
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技术
- 文本两端对齐
- css之浮动解决方案
- css优化建议
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固宽&变宽布局
- 宽高固定比例的盒模型
- 样式预处理语言
- less教程
- sass教程
- postcss教程
- js
- javascript入门
- js代码规范
- js基础拓展
- js代码审查工具
- js性能优化
- js基本语句
- 基本运算
- 基本语句语法
- js对象
- es6入门
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入门
- jq核心思想
- jq基本语法
- jq插件库汇总
- js常用技术
- break&continue区别
- js对日期转换
- js控制运动-move.js
- 原生js-cookie语法
- ajax请求后回调
- 表单数据序列化
- zepto
- zepto入门
- 百度touchjs
- js编程
- 插件库
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互组件
- layerjs
- java
- java入门
- java基本语句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入门
- git教程
- git入门
- git分支
- git-tag管理
- git注意事项
- git-torise入门
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容适配文档
- pc端兼容bug汇总
- ie兼容bug汇总
- 手机兼容bug汇总
- web安全
- jeecms
- web存储
- app/h5组件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域问题
- markdown教程
- 常用工具
- postman-api调试
- web常识
- 浏览器ua统计
- ui框架
- easyui
- bootstrap
- 入门推荐
- weui
- sui-pc
- sui-mobile
- layerUi