原生JS设置、删除、获取Cookie

原生JS设置、删除、获取Cookie


<script>
/*
 * 设定Cookie值
 */
function setCookie(cookieName, value, msToExpire, path, domain, isSecure) {
    var expiryDate;
    // 相对到期时间(以毫秒为单位)
    if (msToExpire) {
        expiryDate = new Date();
        expiryDate.setTime(expiryDate.getTime() + msToExpire);
    }
    document.cookie = cookieName + '=' + window.encodeURIComponent(value) +
        (msToExpire ? ';expires=' + expiryDate.toGMTString() : '') +
        ';path=' + (path || '/') +
        (domain ? ';domain=' + domain : '') +
        (isSecure ? ';secure' : '');
}
/*
 * 获取Cookie值
 */
function getCookie(cookieName) {
    var cookiePattern = new RegExp('(^|;)[ ]*' + cookieName + '=([^;]*)'),
        cookieMatch = cookiePattern.exec(document.cookie);
    return cookieMatch ? window.decodeURIComponent(cookieMatch[2]) : 0;
}
/*
 * 删除Cookie值
 */
function deleteCookie(cookieName, path, domain) {
	setCookie(cookieName, '', -86400, path, domain);
}
<script>


文章来源地址https://www.toymoban.com/diary/js/41.html

到此这篇关于原生JS设置、删除、获取Cookie的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/js/41.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
未经允许不得转载:Toy模板网 » 原生JS设置、删除、获取Cookie
上一篇 2023年08月19日 16:42
下一篇 2023年08月19日 16:42

相关文章

  • JS如何设置cookie、读取cookie及删除cookie

    转自:微点阅读 https://www.weidianyuedu.com JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变

    2023年04月11日
    浏览(47)
  • php开发实战分析(2):cookie的动态使用(设置、获取、删除、猜你喜欢原理、购物车调用)

    在 PHP 中,cookie 是一种用于在客户端(浏览器)和服务器之间存储数据的一种机制。 它们通常用于跟踪和识别用户,并存储用户的偏好设置。下面是一些常见的用法和函数来操作 cookie。 可以使用 setcookie() 函数来设置 cookie。该函数有多个参数,其中最重要的是名称和值。下

    2024年02月15日
    浏览(56)
  • 原生JS设置并获取全局变量

    原生JS设置并获取全局变量,干货版。 一共有且只有以下五种方式 1、通过window对象设置和获取全局变量; 通过window对象设置和获取全局变量。window对象是所有全局变量的拥有者,它是JavaScript的最顶层对象。我们可以通过window对象来设置和获取全局变量,例如: 2、使用ES6新

    2024年02月08日
    浏览(39)
  • js删除cookie

    要删除一个cookie,你可以使用JavaScript中的 document.cookie 属性。这个属性包含当前页面上所有的cookie。要删除一个cookie,你可以将其设置为已过期,如下所示: 在这个例子中, cookieName 是要删除的cookie的名称。通过将其设置为空字符串并将过期日期设置为过去的某个时间,co

    2024年01月16日
    浏览(42)
  • JS获取cookie方法汇总

    JS提供了方便的设置cookie的办法,但是不像PHP那般用一个$_COOKIE函数就可以直接获取,JS需要对cookie的键值对进行操作,以下是汇总的四中读取cookie的方法 //方法一 var   acookie = document.cookie.split( \\\"; \\\" ); function   getcookie(sname){      for   ( var   i = 0; i acookie.length; i++) {       

    2024年02月21日
    浏览(40)
  • Postman获取cookie值,设置全局变量

    结论:不同域名下需要使用到cookie的场景,如果是同一个域名的情况,不需要设置cookie //获取任何cookies的值 key可以是其他 var data = postman.getResponseCookie(\\\"JSESSIONID\\\");   //控制台打印 方便查看对象 console.log(data);   //把变量值设置到环境变量(pm.environment.set)或者全局变量里面去 pm.glob

    2024年02月16日
    浏览(44)
  • 有关使用HttpServletRequest的Cookie的设置和获取

    介绍了如何在HttpServletRequest中对Cookie的进行设置和获取。 在服务器端的HttpServletRequest中对Cookie的进行设置后,客户端在接下来的请求中会携带此设置好的Cookie,所以可以在服务器端接收请求时提取这个Cookie的值。 服务器端设置Cookie值 : 服务器端提取Cookie值 : Stackoverflow:

    2024年02月09日
    浏览(50)
  • postman获取接口返回的数据,在全局设置cookie

    1.首先在postman调通登录接口,获取接口返回的信息。 返回数据的headers里,有一行“Set-Cookie\\\",是我们要用到的。 2.将获取到的数据处理,获取到cookie,并全局存储。 代码: 可以在控制台里打印,看看data里是什么。左上角的菜单点开,选择 View -- Developer -- Show DevTools。 3.在别

    2024年02月11日
    浏览(51)
  • 【JavaScript】原生js实现省市区联动效果

    😉博主:初映CY的前说(前端领域) ,📒本文核心:用原生js实现省市区联动 【前言】今日在复习省市县三级联动的时候,有点忘了原生的js应该怎么样处理省市县的联动,特此写下来再次复习下 1.获取相对应的DOM对象 2.写省市县接口获取到接口信息 3.写下change事件,有变化时调

    2023年04月24日
    浏览(50)
  • 原生js获取元素的各种位置(大全)

    加给元素: offsetLeft (距离定位父级的距离) offsetTop (距离定位父级的距离) offsetWidth (可视宽度) offsetHeight (可视高度) clientLeft (左边框宽度) clientTop (上边框宽度) clientWidth(width + padding) clientHeight(height + padding) scrollTop(纵向滚动距离) scrollLeft(横向滚动距

    2024年02月02日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包