cookie可以在用户的浏览器中保存一些信息,比如用户的用户名,密码等。今天这篇博文就说一说利用用原生的javascript代码来设置cookie,读取cookie,以及删除cookie的方法。
![f6987a793cfd50290ac25670fc25968c.png](https://i-blog.csdnimg.cn/blog_migrate/8e8aee68d5222d44f9c8546ff19363c5.jpeg)
什么是cookie ?
cookie:是记录在用户浏览器中的信息,通常情况下是以“键/值”的形式进行存储的,可设置过期的时间.
如以下格式
name=mochu
name:为键名,也就是cookie记录的变量名
mochu:为cookie记录的值
当web页面向服务器发出请求时,属于此页面的所有cookie信息,也一并上传到服务器,服务器端可以通过对cookie的识别,来辨别出页面的来源或是用户的身份。
![7390f6f91e3494d26d316b2e40284e88.png](https://i-blog.csdnimg.cn/blog_migrate/4b6d547ab11da66f873a5ee6497a525a.jpeg)
js创建 cookie 的方法
js中可以通过 document.cookie 来创建 cookie
方法1:
可以直接创建一个 cookie
document.cookie = "Name=mochu";
方法2:
创建一个带有过期时间的 cookie ,这里用的是 GMT 时间
document.cookie = "Name=mochu ; expires = Sat, 10 Aug 2019 08:55:38 GMT";
注意:如果不设置过期时间,则在浏览器关闭时,cookie自动过期或删除
方法3:
设置cookie的有效果路径,默认情况下,cookie只对当前页面有效果
path=/:表示cookie对web页面所属网站的全部页面有效果,你也可以自定义其它路径
document.cookie = "Name=mochu ; expires = Sat, 10 Aug 2019 08:55:38 GMT ;path=/";
自定义JS设置 cookie 的函数
函数代码
function setCookie(name, value, time='',path='') { if(time && path){ var strsec = time * 1000; var exp = new Date(); exp.setTime(exp.getTime() + strsec * 1); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path="+path; }else if(time){ var strsec = time * 1000; var exp = new Date(); exp.setTime(exp.getTime() + strsec * 1); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); }else if(path){ document.cookie = name + "=" + escape(value) + ";path="+path; }else{ document.cookie = name + "=" + escape(value); }}
函数调用
setCookie("Name