js中的cookie
cookie就是一个存放数据的东西,存储量很小4kb,存放在客户端上和应用设备上。
应用场景
用户注册,用户登录,购物车。
Chrome浏览器在计算机中存放cookie的位置
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Cache
Chrome浏览器如何查看cookie和删除cookie
1.找到设置
2.点高级
3.内容设置
4.cookie
5.删除cookie
案例1
我们今天登录了一个京东的账号。过几天重新打开京东这个页面,发现账号还在登录的状态上。这个就是存在客户端。使用cookie
案例2
我在北京用京东放了一件衣服在购物车,我爸妈在老家用我的账号登录,发现了我的购物车有这件衣服。这种是存在服务器上的叫sesssion
设置cookie
cookie是document对象的一个属性,值是string类型。
但是里面书写的格式用命值对 name=value 键值对 key:value

cookie中的值 每个明知对用分号;隔开。所以我们设置cookie这样设置
document.cookie="user=zhang:name=li;age=45"
设置cookie的生命周期
设置cookie的生命周期使用expires这个名,单位是天,现在出一个新的名叫max-age单位是秒。
删除cookie
将生命周期提前结束,就是删除cookie

获取cookie

借鉴string的split()方法
面试题
var arr=[12,56,12,56,2,56,89];将数组转化成json属性是里面的元素,属性值是元素出现的个数
这是结果
封装一个获取cookie的方法
function getcookie(keys){
var arr=document.cookie.split(";");
for(var i=0; i<arr.length; i++){
var ass=arr[i].split("=");
if(ass[0].trim()==keys){
return ass[i];
}
}
return false;
}
有些浏览器不识别汉字需要编码
encodeURIComponent() 对汉字进行编码
decodeURIComponent() 对编码的结果进行解码
cookie
谷歌存放的cookie的位置
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default
怎么在谷歌下看cookie
chrome://settings/siteData
点浏览器设置--》高级--》隐私设置和安全性--》 内容设置-----》cookie
chrome://settings/comtent/cookies


设置cookie
Document.cookie="user=zhang"


每个cookie值是以明值对的形式 name=value的形式存储,并且之间用;号隔开。
设置cookie的时长 用expries设置时间的单位是天 现在推荐用max-age单位是秒
删除cookie就是
js中的cookie的更多相关文章
- 【原创】js中利用cookie实现记住密码功能
在登录界面添加记住密码功能,我首先想到的是在java后台中调用cookie存放账号密码,大致如下: HttpServletRequest request HttpServletResponse res ...
- 在node.js中使用COOKIE
node.js中如何向客户端发送COOKIE呢?有如下两个方案: 一.使用response.writeHead,代码示例: //设置过期时间为一分钟 var today = new Date(); v ...
- js中的cookie使用
在网上找到的资料,收藏一下 function getCookies(name) { var arr = document.cookie.match(new RegExp("(^| )&quo ...
- js 中的cookie
根据智能社31cookie基础与应用总结, cookie的特性: 1.同一个网站,共用一套cookie,实际上是根据域名来区分的. 如t.sina.com.cn ,和weibo.com这两个都是新浪微 ...
- 在jsp页面的js中使用Cookie的原理介绍以及相应方法的代码
1. 设置cookie 1.1 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="user_Id=828&q ...
- js中对cookie的操作及json数据与cookie结合的用法
cookie的使用 添加cookie 添加cookie:document.cookie = “key=value”; // 一次写入一个键值对 document.cookie = 'test1=hel ...
- js中实现cookie的增删改查(document.cookie的使用详情)
一.设置cookie的值 1.每个cookie都是一个名称/值对,名称/值对用等号连接,并将该名称/值对赋值给document.cookie即可.如:document.cookie="id= ...
- js中的cookie使用和vue-cookie的使用
在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cookie规范定义了服务器和客户端交互信息的格式.生存期.使用范围.安全性. 在JavaScrip ...
- 回顾js中的cookie/localstorage
1.首先简单总结下cookie cookie:可以做会话跟踪 特点: 1.大小限制(不能超过4k) 2.每个域下cookie不能超过50个 3.有效期(和设定时间有关), ...
随机推荐
- ogma
Ogma是Linkurious的JavaScript图形可视化库.Ogma的一个实例是一个javascript对象,它在内部存储一个图形, 并根据样式规则在HTML容器中呈现它. Ogma有两个版本: ...
- webstorm 2019.1 注册教程
注册教程:https://blog.csdn.net/hdp134793/article/details/81530472 IntelliJ IDEA 注册码获取网站
- HTTP协议详解及http1.0与http1.1http2.0的区别
HTTP协议介绍 http(超文本传输协议)是一个属于应用层的面向对象的协议,由于其简捷.快速的方式,适用于分布式超媒体信息系统.特点: (1)支持客户/服务器模式. HTTP是一个客户端和服务器端请 ...
- python的学习之路(二)
1.字符串内置功能练习#!/usr/bin/env python# *_*coding:utf-8 *_*# Author: harsonname = 'harson'name =str('harso ...
- js中数组对象去重的方法
var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: ...
- layui学习
layui代码生成器 https://9499574.github.io/layui-form-create/ layui界面生成器 http://layuiout.magicalcoder.com/ ...
- kafka常规及几个重要的操作命令
1. 查看所有topic kafka-topics.sh --zookeeper hadoop3 --list 2. 创建tooic及topic的partitioner ./kafka-topics. ...
- tensorflow用dropout解决over fitting-【老鱼学tensorflow】
在机器学习中可能会存在过拟合的问题,表现为在训练集上表现很好,但在测试集中表现不如训练集中的那么好. 图中黑色曲线是正常模型,绿色曲线就是overfitting模型.尽管绿色曲线很精确的区分了所有的训 ...
- Excel—错误解释
1.#####! 如果单元格所含的数字.日期或时间比单元格宽,或者单元格的日期时间公式产生了一个负值,就会产生#####!.这个看起来比较简单,大家应该都了解吧. 解决方法:如果单元格所含的数字 ...
- Ubuntu安装Hadoop
系统:Ubuntu16.04 JDK:jdk-8u201 Hadoop:3.1.2 一.安装JDK https://www.cnblogs.com/tanrong/p/10641803.html 二. ...