[前端] 简单的cookie操作
来源:互联网 发布:聚宝盆营销软件 编辑:程序博客网 时间:2024/05/16 08:14
网站上有时可能会用到启动画面设置或其他如记住密码设置等等,需要再次刷新页面的时候不在显示或重新登录,这就需要cookie操作了,当然也可以使用localStorage 或 session。
cookie设置的话需要在 服务器环境上或火狐浏览器 才能看到效果。
设置cookie(永久):
document.cookie='name=张三';
多个设置(永久):
// 必须要一个一个的写:document.cookie='name=张三';document.cookie='age=24';
使用escape()加密码:
document.cookie='name='+escape('张三');// 这时的name值为编码后的值 %u5F20%u4E09
然后使用unescape()进行解码识别:
console.log(unescape("%u5F20%u4E09")); // 张三
获取cookie(因为页面cookie 同 服务器语言php cookie设置不同,所以获取也不同,这里获取cookie值,需要js的字符串操作):
截取字符串方法:
substr(start, length);
substring(start, end);
获取cookie:
字符串转换为数组split(‘分隔符’);
// 打印所有的cookie 分号分隔console.log(document.cookie); // name=张三 (返回值类型是字符串类型)// 可以把字符串拆分成数组,然后再操作console.log(document.cookie.split(';')); // ["once=true", " age=24"]
设置过期时间:
var date = new Date();date.setDate(date.getDate()+31); // 设置31天后过期document.cookie = "name=zhangsan;expires="+date;
删除cookie:
var date = new Date(); date.setTime(date.getTime()-10000); // 把时间设为当前时间以前document.cookie = "name=zhangsan;expires="+date.toGMTString(); // 重新对上面设置的cookie重设置,这样cookie就删除掉了
设置及删除不同路径下的cookie
设置:
var date = new Date();date.setDate(date.getDate()+31); // 设置31天后过document.cookie="game=lol;expires="+date+";path=/"; // 根路径下的
var date = new Date();date.setDate(date.getDate()+31); // 设置31天后过document.cookie="game=lol;expires="+date+";path='/test/'"; // 根目录下的test目录
删除(这个与上面一样):
var date = new Date(); date.setTime(date.getTime()-10000); // 把时间设为当前时间以前document.cookie = "game=lol;expires="+date.toGMTString()+"path='/test/'";
谢谢关注, 不用感谢~
0 0
- [前端] 简单的cookie操作
- 简单的Javascript Cookie操作
- VUE前端cookie操作
- VUE前端cookie操作
- js操作cookie的简单例子
- c# 对cookie的简单操作
- c# 对cookie的简单操作
- asp.net 对Cookie的简单操作
- Java对cookie的简单操作
- js cookie简单操作
- 简单操作 Cookie 注册登录
- 一个简单的Cookie得操作类(java)
- jquery 对 cookie存储 json格式的简单操作
- web前端cookie的使用方法
- java对cookie的操作比较简单,主要介绍下建立cookie和读取cookie,以及如何设定cookie的生命周期和cookie的路径问题。
- java中cookie的操作(通过cookie实现简单的单点登录)
- cookie的简单用法
- 简单cookie的应用
- 12.4派生类 点圆
- JQuery+Ajax 整理
- CMD:[3]获取驱动器或文件夹内的文件列表
- 2015.5.26
- iOS点击空白区域隐藏键盘
- [前端] 简单的cookie操作
- 2015 程序设计实习之动规作业2
- Cubieboard2-Android-Cubie-Screen 模组调试说明 修正1可以显示了 windows ANSI.txt
- 矩阵C++实现
- gdb 调试go
- Bower —— 管理你的客户端依赖关系
- osx使用cmake编译opencv错误记录
- MyBatis学习总结(三)——优化MyBatis配置文件中的配置
- 在UIWebView中实现缓存功能