当前位置：凯发k8官方网 > 前端技术 > html >内容正文

html

前端开发中通过js设置cookie的一组方法 -凯发k8官方网

发布时间：2024/10/12 html 22 豆豆

凯发k8官方网收集整理的这篇文章主要介绍了前端开发中通过js设置cookie的一组方法小编觉得挺不错的,现在分享给大家,帮大家做个参考.

js方法的完整代码如下：

var cookie = {set:function(key,val,time){//设置cookie方法var date=new date(); //获取当前时间var expiresdays=time; //将date设置为n天以后的时间date.settime(date.gettime() expiresdays*24*3600*1000); //格式化为cookie识别的时间document.cookie=key "=" val ";expires=" date.togmtstring(); //设置cookie},get:function(key){//获取cookie方法/*获取cookie参数*/var getcookie = document.cookie.replace(/[ ]/g,""); //获取cookie，并且将获得的cookie格式化，去掉空格字符var arrcookie = getcookie.split(";") //将获得的cookie以"分号"为标识将cookie保存到arrcookie的数组中var tips; //声明变量tipsfor(var i=0;i代码中已经加入了注释，因此某些个别数值需要调整的话，可以自行修改代码。当然了，如果多家一两个参数也不是不可以，自行发挥吧。

下面简单的说明一下设置与获取的方法，便于前端开发新手用户使用

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

key可以理解为cookie的变量名

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

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

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

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

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

方法写的不算复杂，比较适合前端开发新手使用。

如何调试与查看cookie？

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

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

本文转载自：品味人生 2014年03月02日于前端开拓者发表，感谢作者分享

转载于:https://www.cnblogs.com/seanna/p/6627246.html

总结

以上是凯发k8官方网为你收集整理的前端开发中通过js设置cookie的一组方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。

方法
js