在我们清理浏览器记录时,经常会看到关于清除cookie相关的选项或描述,那么什么是cookie,cookie在网页中又是怎样创建以及读取的呢?
首先我们先了解一下什么是cookie,?
cookie是一段不超过4kb的保存在客户端的临时文本文件,是一组文本数据,由名称、值、有效期、路径范围以及安全性等元素属性组成.他有时也可以称为cookies.可以用来站点快速判断用户身份以及更新存储本地端的基本网页设置.
在js代码中可以使用document.cookie创建新的cookie数据也可以使用它来修改、获取、删除cookie中存储的数据.
1、创建一个cookie数据.
<script type="text/javascript">
var newcookie='参数0 = escape(参数1); expires= 参数2; path= 参数3; domain= 参数4;secure= 参数5;';
document.cookie=newcookie;
}
</script>
其中参数0为需要存储的数据名称
参数1则是与创建的cookie名称对应的数据内容,需要使用escape函数先将数据编码,防止出现乱码
如果需要一次存储多个不同的名称与值,需要用分号加空格; 隔开:name = escape(1); name2 = escape(2);
参数2可以设置UTC或者GMT格式的cookie过期时间,值可以是Thu, 19 Dec 2021 10:18:00 GMT
当没有指定cookie过期时间时,为会话cookie,cookie有效期默认为用户关闭浏览器为止.
参数3一般定义了网站站点上能够访问该Cookie的目录
一般以上三个参数使用的比较多
参数4为作用的域名,如果未定义,默认当前文档位置路径的域名部分
参数5则是安全设置,Secure如果=true,那么该cookie只能以https协议发送给服务器,当HttpOnly=true的cookie时则该cookie值不能被js获取.
2、获取cookie数据:
<script type="text/javascript">
var cookiestr = "需要查询的名称=";
var cookief = document.cookie.indexOf(cookiestr);
var cookiee = document.cookie.indexOf(";", cookief + cookiestr.length);
//cookiee = document.cookie.length;
unescape(document.cookie.substring(cookief + cookiestr.length, cookiee));
</script>
document.cookie获取cookie数据后通过截取字符串获得指定名称的cookie值.
以上就是在web网页中,使用js代码简单的创建与读取cookie数据的一些原理.