当前位置:Gxlcms > css > 怎样操作纯JS操作Cookie

怎样操作纯JS操作Cookie

时间:2021-07-01 10:21:17 帮助过:44人阅读

这次给大家带来怎样操作纯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 ) ;
}

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

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

JS常用的数组方法总结

Vue.js的图文详解

nodej中的xml2js需要如何使用

使用Pixi.js的总结

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

人气教程排行