Cookie和localStorage的查询、设置、修改及删除
2024-10-09 04:35:11
感谢:链接(视频讲解很详细)
cookie:是一种字符串表示的数据,用于在本地记录用户的基本信息(账号,密码等),具有时限性。
数据的具体内容:
(图源上文视频链接)
localStorage:与cookie类似,都是用于浏览器存储数据,但比cookie使用更简单。
cooki
一、查询:
1、调控台输入:(console调控台讲解:链接)
document.cookie
2、运行截图:
二、设置
1、代码:
<script type="text/javascript">
//w3school中直接给出了设置函数
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
</script>
2、运行截图:
三、修改(要已知cookie键的内容)
1、例如:cookie键为:‘nihao’ ,通过设置相同键值的cookie来覆盖原来的
四、删除
1、因为cookie具有时效性,所以删除一个cookie只需要将它的时间修改到之前的任一时间即可。
setCookie("nihao","nihao",-1);
2、运行截图:
localStorage
使用方法:
<script type="text/javascript">
console.log(localStorage); //在调试台输出所包含的本地数据
localStorage.setItem('password','123456'); //以键值对的形式创建一个浏览器数据
var Value=localStorage.getItem('password'); //已知键的名称 获取对应的值
console.log(Value);
var len=localStorage.length; //localStorage的总长度
console.log(len);
localStorage.removeItem('password');//移除一个已知键值的localStorage数据
localStorage.clear(); //清空所有localStorage数据
</script>
最新文章
- RSA算法学习
- python3 抓取网页资源的 N 种方法
- Magento1.9批量修改产品 Attribute Set
- APACHE POI教程 --java应用程序用POI与Excel交互
- AutoMapper Getting started
- kafka迁移与扩容
- Anchor和Dock的区别
- cocos2d-x 3.0 alpha1 生成Qt qch帮助文档
- ISNULL
- javascript社交平台分享-新浪微博、QQ微博、QQ好友、QQ空间、人人网
- POJ 1811 Prime Test 素性测试 分解素因子
- poj2752Seek the Name, Seek the Fame
- c#学习心得,慢慢添加,如果有错误希望大家留言,我刚开始学
- poj 1155 TELE (树形背包dp)
- 让AllocateHwnd接受一般函数地址作参数(105篇博客)
- PAT-1099(Build A Binary Search Tree)
- 弹性布局--flex方向
- DVWA-XSS学习笔记
- JS&;Java实现常见算法面试题
- C# 虚方法、override和new
热门文章
- 苏浪浪 201771010120《面向对象程序设计(java)》第八周学习总结
- Gym101630A Archery Tournament
- Java基础以及变量和运算符、包机制、javadoc生成
- 【万字图文-原创】 | 学会Java中的线程池,这一篇也许就够了!
- Keepalived 原理与实战
- PHP目录操作函数汇总
- Linux操作系统分析 | 深入理解系统调用
- python3.7 64bit安装pygame1.9.3
- Java IO(十三)PipedReader 和 PipedWriter
- PAT1090 危险品装箱 (25分) ——值得留意的map用法(int型与vector型的关联)