【海创前端学习记录】js：知识记录

酱酱的头发还在。

已于 2022-01-23 22:44:04 修改

阅读量472

点赞数

分类专栏：前端 VSCode 文章标签： javascript css3

于 2022-01-23 22:43:02 首次发布

本文链接：https://blog.csdn.net/scarlett1017/article/details/121057790

版权

前端同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

VSCode

5 篇文章 0 订阅

订阅专栏

一、Cookie

1、Cookie 就是在浏览器中存储用户信息的，比如当用户访问web页面的时候，他的账号信息可以记录在cookie中，当用户下次访问的时候，可以在cookie中读取用户的访问记录

2、cookie的创建、读取、删除

js中可以使用document.cookie属性来创建、读取以及删除Cookie

创建：

expires是一个过期时间，默认情况下，cookie在浏览器关闭时删除

path参数是浏览器的cookie的路径，默认情况下，cookie属于当前的页面

读取： document.cookie将以字符串的方式返回所有的cookie

删除：删除cookie只需要将上述的expires参数设置为以前的时间就可以

修改：创建新的cookie，赋值给旧的cookie即可

3、cookie设置函数

/**
* Cookie值设置函数
* @param cname cookie名称
* @param cvalue cookie值
* @param exdays 过期天数
*/
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}

4、cookie获取函数

/**
* Cookie值获取函数
* @param cname cookie名称
* @returns {string}
*/
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return "";
}