web前端怎么获取cookie？新手前端开发者需了解

在前端开发中有些情况下需要获取用户的cookies，这样当用户下次登录网站的时候就不需要重复的去调整功能，那么你知道如何去实现吗？

先放一段完整的JS代码，后面都有功能备注，大家可以自己先看一下。

下面再介绍一下cookies的设置和获取方式，帮助新手前端开发者了解和使用

1.设置cookie的方法为：cookie.set(key,val,time)

key可以理解为cookie的变量名

val可以理解为这个cookie所带有的值

time是cookie的超时时间，单位为天

2.获取cookie的方法为：cookie.get(key)

key就是刚才我们设置时的cookie变量名

我们只需要将函数赋值给新的变量即可调用这个值，例如：var n = cookie.get(key);

如何调试与查看cookie？

cookie可以通过某些浏览器的开发人员工具进行查看，本文暂以Chrome为例。

打开页面后，可以通过 “右键-> 审查元素 ->resources”，然后如下图中，设置了一个font-size为例，可以查看到变量名、值、和过期时间等信息。

本文来自千锋教育，转载请注明出处。

web前端怎么获取cookie？新手前端开发者需了解相关推荐

web前端怎么获取cookie？
在前端开发中有些情况下需要获取用户的cookies,这样当用户下次登录网站的时候就不需要重复的去调整功能,那么你知道如何去实现吗? 先放一段完整的JS代码,后面都有功能备注,大家可以自己先看一下. 下 ...
WEB前端 -- JavaScript获取cookie
JavaScript 通过 document.cookie 来获取 cookie . 遗憾的是,document.cookie 只能获取所有 cookie 的集合,不能获取单个 cookie . 例如 ...
前端怎么获取cookie的值_京东购物小程序cookie方案实践（附Demo）
一.前言早期为了解决"会话保持"的需求,社区中出现了「cookie 方案」并最终成为 W3C 标准:当某个网站登录成功后,客户端(浏览器)收到一个 cookie 标识(文本)并保 ...
前端怎么获取cookie的值_作为前端你必须要了解的安全性问题！
前端技术不断发展,安全性的问题也越来越受到关注.作为前端工程师,保障网络安全也越来越重要. XSS攻击 XSS(Cross Site Scripting)跨站脚本攻击. 攻击者在网站上植入非法的htm ...
前端 js 获取cookie的值
getCookie(name) {var arr = document.cookie.split(";");for (var i = 0; i < arr.length; i ...
前端如何获取电池信息？
前端如何获取电池信息前端可以通过 JavaScript 的 Battery API 获取电池相关信息. Battery API 提供了两个对象: navigator.getBattery():返回一 ...
Web前端数据存储—cookie机制（设置，获取，删除cookie）
今天看到cookie机制就来记录一下,我们前端一般存储cookie都是在登录的时候进行的,两种,选一个就行(其实都一样,只不过一个明细化了). 我们先了解一下 cookie: HTTPCookie,通 ...
web前端细解cookie那些事
web前端细解cookie那些事,在互联网时代,IT行业飞速发展,带动了web前端开发行业的兴趣.由于行业新兴起时间不久,专业人才缺乏,薪资待遇较高,已成为众多IT学子选择就业的首选,今天就为分享一些 ...
前端flv.js设置缓冲时间和大小_好程序员web前端细解cookie那些事
好程序员web前端细解cookie那些事,在互联网时代,IT行业飞速发展,带动了web前端开发行业的兴趣.由于行业新兴起时间不久,专业人才缺乏,薪资待遇较高,已成为众多IT学子选择就业的首选,今天就为 ...

web前端怎么获取cookie？新手前端开发者需了解

web前端怎么获取cookie？新手前端开发者需了解相关推荐

最新文章

热门文章