JavaScript之writeCookie

出于记录用户特定数据的目的,需要客户端数据存储技术

常用存储机制
Cookie
优点:可与服务器端交互、浏览器自动管理不同站点的数据并发送到服务器端
缺点:安全性受限、数据量受限、可用性受限、明文存储
Web Storage
HTML5新增,分为localStorage和sessionStorage
优点:操作简单、不会自动发送到服务器端、存储空间大
缺点:安全性受限、永不过期、不区分站点、明文存储

Cookie存储:
以键值对形式存储,在客户端通过document对象的cookie属性进行操作
Cookie操作
写Cookie
设置指定格式字符串:cookie名=cookie值;expires=失效时间的GMT格式字符串
赋给document对象的cookie属性
如果有多个,则重复上述操作
如果未指定expires,则浏览器关闭cookie就失效
读Cookie
通过document.cookie整体读取,需要进行拆分
先按照“;”拆分为多个键值对
再按照“=”拆分为键和值

Cookie操作:写
以存储用户名和密码且30天有效为例子:

var name = "ysy";
var pass = "123456";
var exp = new Date();
exp.setTime(exp.getTime()+30*24*3600*1000);
var str="name="+name+";expires="+exp.toGMTString();
document.cookie=str;
str="pass="+pass+";expires="+exp.toGMTString();
document.cookie=str;

你可能感兴趣的:(JavaScript,JavaScript,前端,cookie,写cookie)