怎样操作纯JS操作Cookie

这次给大家带来怎样操作纯js操作cookie,操作纯js操作cookie的注意事项有哪些,下面就是实战案例,一起来看一下。

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

添加Cookie

描述:

    新建一条Cookie,交由浏览器管理!

参数说明:

name – 键值对的键,唯一标记一个值

value – 键值对的值,cookie存储的内容

expdays – cookie过期时间(有效时间)

function setCookie ( name, value, expdays ){    var expdate = new Date();    //设置Cookie过期日期    expdate.setDate(expdate.getDate() + expdays) ;    //添加Cookie    document.cookie = name + "=" + escape(value) + ";expires=" + expdate.toUTCString();}

登录后复制

获取Cookie

描述:

    根据参数name,获取cookie里面对应的value值

function getCookie ( name ){    //获取name在Cookie中起止位置    var start = document.cookie.indexOf(name+"=") ;    if ( start != -1 )    {        start = start + name.length + 1 ;        //获取value的终止位置        var end = document.cookie.indexOf(";", start) ;        if ( end == -1 )            end = document.cookie.length ;        //截获cookie的value值,并返回        return unescape(document.cookie.substring(start,end)) ;    }    return "" ;}

登录后复制

删除Cookie

描述:

    根据name,删除一条cookie(设置立即过期)

function delCookie ( name ){    setCookie ( name, "", -1 ) ;}

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

相关阅读:

浏览器不兼容我写的代码怎么办

JS常用的数组方法总结

Vue.js的图文详解

nodej中的xml2js需要如何使用

使用Pixi.js的总结

以上就是怎样操作纯JS操作Cookie的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月10日 23:51:38
下一篇 2025年3月10日 23:51:42

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

相关推荐

  • 详解vue.js中$set与数组如何更新

    由于 javascript 的限制,vue 不能检测以下变动的数组:当利用索引直接设置数组的某一项时,例如:vm.items[indexofitem] = newvalue 当你修改数组的长度时,例如:vm.items.length = n…

    2025年3月10日
    200
  • 怎样在js的数组中过滤掉false, null, 0, "", undefined, and NaN这些值

    这次给大家带来怎样在js的数组中过滤掉false, null, 0, “”, undefined, and nan这些值,在js的数组中过滤掉false, null, 0, “”, undef…

    编程技术 2025年3月10日
    200
  • 怎样用CSS3来代替JS实现交互效果

    这次给大家带来怎样用CSS3来代替JS实现交互效果,用CSS3来代替JS实现交互效果的注意事项有哪些,下面就是实战案例,一起来看一下。 【CSS3和JS】 对于CSS了解的同学都知道,CSS的实现是最底层的,在实现方式和性能上都不是,JS这…

    2025年3月10日
    200
  • 用CSS实现JS的效果

    这次给大家带来用CSS实现JS的效果,用CSS实现JS的注意事项有哪些,下面就是实战案例,一起来看一下。 1. 纯CSS Tooltip  许多网站还是在注意事项来创建Tooltip效果,但实际上通过CSS能更简单的实现。最简单的方法是在你…

    2025年3月10日
    200
  • linear-gradient的使用详解

    这次给大家带来linear-gradient的使用详解,使用linear-gradient的注意事项有哪些,下面就是实战案例,一起来看一下。 CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gr…

    2025年3月10日 编程技术
    200
  • css3+js实现3D行星运转

    这次给大家带来css3+js实现3D行星运转,css3+js实现3D行星运转的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML部分 登录后复制 这里用前三个类为x、y、z的p来画的每一个星球的x、y、z轴,然后这些星球之间是可以嵌…

    2025年3月10日
    200
  • opacity透明度滤镜的IE兼容解决方法

    这次给大家带来opacity透明度滤镜的IE兼容解决方法,使用opacity透明度滤镜的注意事项有哪些,下面就是实战案例,一起来看一下。 CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透…

    编程技术 2025年3月10日
    200
  • IE6下兼容问题的解决方案

    这次给大家带来IE6下兼容问题的解决方案,解决IE6下兼容问题的注意事项有哪些,下面就是实战案例,一起来看一下。 常见问题一:在Ie6下,内容会把父元素设置好的宽高撑开。计算一定要精确 .box{width:400px;}.left{wid…

    2025年3月10日 编程技术
    200
  • IE8下的nth-child()兼容问题如何处理

    这次给大家带来IE8下的nth-child()兼容问题如何处理,处理IE8下的nth-child()兼容问题的注意事项有哪些,下面就是实战案例,一起来看一下。 一、代码 ul{list-style: none}p ul li{width:1…

    2025年3月10日
    200
  • javascript trie前缀树使用详解

    这次给大家带来javascript trie前缀树使用详解,使用javascript trie前缀树的注意事项有哪些,下面就是实战案例,一起来看一下。 引子 Trie树(来自单词retrieval),又称前缀字,单词查找树,字典树,是一种树…

    2025年3月10日
    200

发表回复

登录后才能评论