Cookie的增删改查
什么是cookie?
cookies是由网络服务器存储在你电脑硬盘上的一个txt类型的小文件,它和你的网络浏览行为有关,所以存储在你电脑上的cookies就好像你的一张身份证,你电脑上的cookies和其他电脑上的cookies是不一样的;cookies不能被视作代码执行,也不能成为病毒,所以它对你基本无害。
1.原始方法
// 存储cookie
let uname = 'Javan';document.cookie = "name"+uname;
// 读取cookie
var cookieAll = document.cookie;
console.log(cookieAll)
2.封装方法
// 创建cookie的方法
"`<input type ="text" name = "t1" id="t1" value=""/>
<button type="button" onclick="createCookie()">创建cookie</button>
`"
//获得输入框
var t1 = document.querySelector('t1')
function createCookie(){
let date_ = new Date()
date_.setDate(date_.getDate()+7)
document.cookie = `${t1.value} = ${t1.value};expires = ${date_}`
}
//获得cookie
for(var i of document.cookie.replace(/;/g,'').split(' ')){
if(i.split("=")[0]=='name'){
consile.log(i)
}
}
// 删除cookie,expires产时间,浏览器自动销毁
let date_ = new Date();
date_.setDate(date_.getDate()-1)
document.cookie = `sex = sex.expires ==${date_}`
// 修改cookie
document.cookie["uname"].value="李四"