如何更新JavaScript中的cookie?(代码示例)

实际上,更新cookie与替换cookie略有不同,因为我们想在cookie中放入的新值在某种程度上取决于cookie是否已经存在,如果存在,则取决于它包含什么。这意味着我们需要先读取现有的cookie,然后才能为其编写替换。

如何更新JavaScript中的cookie?(代码示例)

需要注意的一点是,当我们读取cookie时,我们无法知道现有cookie何时到期,或者cookie是限制在特定文件夹中还是在整个域中可用。你需要在更换cookie时设置新的保留期,并且需要跟踪cookie在页面中的范围,以便每次都应用相同的域或路径选项。你在更新而不是替换cookie时,实际上能够读取的唯一内容是存储在cookie中的数据的实际值。

在本例中,我们将使用一个名为“accesscount”的cookie来计算访问者访问页面的次数,其中每次访问间隔不超过7天。如果两次访问间隔超过7天,那么cookie将过期,下一次访问将从0开始重新计数。我们使用了前面示例中的allCookies()和writeCookie()函数,因此为了实际执行更新,我们只需要最后两行代码。

代码示例如下:

var cookie;allCookies = function() {var cr, ck, cv;cr = []; if (document.cookie != '') {ck = document.cookie.split('; ');for (var i=ck.length - 1; i>= 0; i--) {cv = ck.split('=');cr[ck[0]]=ck[1];}}return cr;};writeCookie = function(cname, cvalue, days,opt) {var dt, expires, option;if (days) {dt = new Date();dt.setTime(dt.getTime()+(days*24*60*60*1000));expires = "; expires="+dt.toGMTString();} else expires = '';if (opt) {if ('/' = substr(opt,0,1)) option = "; path="+opt;else option = "; domain="+opt;} else option = '';document.cookie = cname+"="+cvalue+expires+option;}cookie = allCookies();if (cookie.accesscount != null) writeCookie('mycookie', cookie.accesscount + 1,7);else writeCookie('mycookie', 1,7);

登录后复制

相关推荐:《javascript教程》

立即学习“Java免费学习笔记(深入)”;

本篇文章就是关于更新JavaScript中的cookie的方法介绍,希望对需要的朋友有所帮助!

以上就是如何更新JavaScript中的cookie?(代码示例)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2732067.html

(0)
上一篇 2025年3月8日 00:37:33
下一篇 2025年2月28日 18:48:24

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • indexedDB存储的代码示例

    本篇文章给大家带来的内容是关于indexeddb存储的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 indexedDB(浏览器本地存储数据库)IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和…

    编程技术 2025年3月8日
    200
  • apply() 和 call() 方法有什么作用?

    本篇文章给大家带来的内容是关于apply() 和 call() 方法有什么作用?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 每个函数都包含两个非继承而来的方法:apply()和call()。;call与apply都属于F…

    编程技术 2025年3月8日
    200
  • Javascript分号规则的知识介绍(附示例)

    本篇文章给大家带来的内容是关于javascript分号规则的知识介绍(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 花点时间搞清楚JS中的分号规则吧~~~不管你喜欢结尾带分号或省略分号的模式 分号允许的场景 分号…

    编程技术 2025年3月8日
    200
  • JavaScript中AMD和ES6模块导入导出的比较(代码示例)

    本篇文章给大家带来的内容是关于javascript中amd和es6模块导入导出的比较(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 我们前端在开发过程中经常会遇到导入导出功能,在导入时,有时候是require,…

    编程技术 2025年3月8日
    200
  • JavaScript中比较运算符隐式类型转换的介绍(附示例)

    本篇文章给大家带来的内容是关于javascript中比较运算符隐式类型转换的介绍(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 相信大家在代码中经常看见 ‘==’ 和 ‘===…

    编程技术 2025年3月8日
    200
  • 前端JavaScript写Excel的代码示例

    本篇文章给大家带来的内容是关于前端javascript写excel的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 前端如何才能写excel,其实也是比较简单的,只是没有接触这一块,当然这边讲的只是简单的入门。这边…

    编程技术 2025年3月8日
    200
  • React Hooks中如何请求数据(详解)

    本篇文章给大家带来的内容是关于react hooks中如何请求数据(详解),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 通过这个教程,我想告诉你在 React 中如何使用 state 和 effect 这两种 hooks…

    编程技术 2025年3月8日
    200
  • JavaScript中Event Loop的分析

    本篇文章给大家带来的内容是关于JavaScript中Event Loop的分析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 什么是Event Loop? 官网解释 立即学习“Java免费学习笔记(深入)”; 个人理解是j…

    2025年3月8日
    200
  • 浏览器解析渲染HTML文档的过程详解(图文)

    本篇文章给大家带来的内容是关于浏览器解析渲染HTML文档的过程详解(图文),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 浏览器的工作原理 一、浏览器的高层结构 浏览器的主要组件为: 1、用户界面 – 包括地址…

    2025年3月8日 编程技术
    200
  • require.context的用法介绍(附示例)

    本篇文章给大家带来的内容是关于require.context的用法介绍(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 起因:为什么会突然用到webpack这个管理特性呢? 项目某个页面需要引入n张demo图片。即…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论