web前端怎么获取cookie?

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

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

web前端怎么获取cookie?_第1张图片

      下面再介绍一下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?_第2张图片

 

同学们学习web前端,可以参考千锋成都web前端培训班推出的学习路线,结合千锋成都名师精心录制的全套web前端视频教程,可以让你对学习web前端需要掌握的知识有个清晰的了解,并快速入门web前端开发。

你可能感兴趣的:(前端小技巧,css,js)