原生js cookie本地存储
JS cookie
1、概述
cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的。
如果没写expires,那么下次打开网页,cookie就会消失,这个就是会话机制
2、格式
name=value; [expires=date]; [path=path]; [domain=somewhere.com];
[secure]
encodeURIComponent函数可以:将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件
上面的方法主要用于协议、主机名、路径或查询字符串
3、封装函数
设置cookie
function setCookie(name,value,day,path){var cookieText=encodeURIComponent(name)+"="+encodeURIComponent(value); //encodeURIComponentif(day>0){var myDate=new Date();myDate.setDate(myDate.getDate()+day);cookieText+=";expires="+myDate;}if(path){cookieText+=";path="+path;}document.cookie=cookieText;
}
获取cookie
function getCookie(name){var i=document.cookie.indexOf(name);if(i!=-1){var start=i+name.length+1;var end=document.cookie.indexOf(";",i);if(end==-1){end=document.cookie.length;}return document.cookie.substring(start,end);}
}
删除cookie
function removeCookie(name){var i=document.cookie.indexOf(name);if(i!=-1){var start=i+name.length+1;var end=document.cookie.indexOf(";",i);if(end==-1){end=document.cookie.length;}let val=document.cookie.substring(start,end);}if(val!=undefined){document.cookie=name+"="+val+";expires="+new Date(0);}
}
cookie的特性
cookie自身局限性
条数上的限制,最多20条
大小上的限制,最多4k(4096字节)
cookie安全性较低,不能存放敏感数据
带宽的浪费
Cookie 通过在客户端记录信息确定用户身份, Session 通过在服务器端记录信息确定用户身份。
cookie 与 session 的区别
cookie 数据存放在客户的浏览器上,session 数据放在服务器上
考虑到安全应当使用 session
session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能,考虑到减轻服务器性能方面,应当使用COOKIE。
原生js cookie本地存储相关推荐
- 原生js cookie的使用实例setCookie()、getCookie()方法
01 <html> 02 <head> 03 <title>原生js cookie的使用实例setCookie().getCookie()方法</title& ...
- js清空本地存储_JS原理、方法与实践 本地存储
本地存储就是指在浏览器中存储数据,是相对于服务器中存储数据来说的. 1. 本地存储的分类 浏览器的本地存储主要包括4种方式:Cookie.Storage.SQL数据库和IndexedDB. Cooki ...
- JS中本地存储的方式有哪些?
我目前了解到的本地存储的方式有以下四种: 1.localStorage 2.sessionStorage 3.cookie 4.indexedDB 注:因为indexedDB本身是一个数据库,操作复杂 ...
- js清空本地存储_「IPFS红岸智能」js-IPFS 0.50.0性能再次提升
原创:Alex Potsides 原文链接:https://blog.ipfs.io/2020-09-14-js-ipfs-0-50/ 由红岸智能编译 亮点 在多个选项卡和密码文件之间更快地共享IPF ...
- js清空本地存储_详解onenote保存与同步④:本地笔记奇葩的丢失经历
(此文介绍的是我遇到过的,极其奇葩的,丢失onenote本地笔记的惨痛经历.不论是否具有普遍性,对进一步理解缓存还是很有帮助的.大家若有其他丢失经历,可以交流.) 对于onenote本地笔记本而言,由 ...
- 原生js获取本地ip地址(自己用)
可以拿过来直接用,亲测有效,也是网上抄的,免得下次用还得百度 <script type="text/javascript"> function getUserIP(on ...
- 【第五部分 | JS WebAPI】6:PC端网页特效与本地存储
目录 | 概述 | PC端网页特效之三大系列 1-1 elementObj . offsetXXX 属性 1-2 elementObj . style 和 offset 的区别 1-3 案例:获取鼠标 ...
- PC端和移动端网页特效,fastclick插件,Swiper插件,Bootstrap等框架,本地存储
目录 PC 端网页特效 元素偏移量 offset 系列 1.offset 系列常用属性 2.offset 与 style 区别 3.计算鼠标在盒子内的坐标 4.模态框拖拽 5.京东商品放大镜 元素可视 ...
- 原生js本地存储、获取、删除、清空
利用原生js手撕本地存储实现 存储.获取.删除.清空功能. 代码如下: <!DOCTYPE html> <html><head><meta charset=& ...
最新文章
- 爱立信:用什么保持全球老大的地位?
- JAVA中循环删除集合中元素的方法总结
- 旋转散点图_聚类分析的结果如何用散点图展示出来?
- 新的公司:Dendrite
- python通信编程_python 通信编程
- 微信公众号开发--.Net Core实现微信消息加解密
- 读《python核心编程2》笔记 1
- 华为ap配置_13、了解下POE交换机以及AP供电几种方式
- 免费的中文OCR软件
- iOS学习笔记总结整理
- SqlServer查询出数据库中所有的表及其字段属性
- 【重新发布,代码开源】FPGA设计千兆以太网MAC(1)——通过MDIO接口配置与检测PHY芯片...
- (转)基于深度组合的选股策略
- java 旅游网站项目实现_基于jsp的旅游网站a-JavaEE实现旅游网站a - java项目源码
- STM32:红外遥控接收模块
- (多方法)彻底解决MAC终端[进程已完成]的“死机”现象
- MacW编辑部的电脑都装了哪些苹果应用?
- word里的表格出现换页表格不会自动跳到下一页(已解决)
- GPU服务器的上手使用-小试牛刀
- 【机器学习】关联规则挖掘算法 + 三大案例实战 + Apriori算法 + Python代码实现
热门文章
- ubuntu16.04安装cuda8./9.
- kubernetes实战篇之创建密钥自动拉取私服镜像
- 洛谷 P4551 最长异或路径
- 配置普通用户可以运行saltstack的模块
- IP地址的分类——a,b,c 类是怎样划分的
- js基础练习---图片无缝左右滚动效果(主要以复制删除为主)
- SharePoint配置和自定义Content Query Web Part
- 我的奔腾B50 MT豪华版 典雅灰 – 验车篇
- 基于DOM的Web信息提取方法
- 一次解决libgcc_s.so.1 must be installed for pthread_cancel to work的经历