js操作cookie

写在前面

在app中嵌入的h5应用，有时需要获取cookie的中的参数，但是通过请求服务端然后返回，确实太麻烦，所以就想通过js直接操作cookie的做法。

JS操作cookie

<script>
    /*
    设置cookie
    name:键
    value:值
    expire:过期时间
    */
    function setCookie(name, value, expire) {
        var exp = new Date();
        exp.setTime(exp.getTime() + expire * 24 * 60 * 60 * 1000 * 1);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    };
    //根据键获取cookie
    function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg))
            return unescape(arr[2]);
        else
            return null;
    };
    //删除cookie
    function delCookie(name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval = getCookie(name);
        if (cval != null)
            document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    };
    console.log('设置cookie');
    setCookie('name', 'wolfy', 2);
    console.log('设置成功');
    console.log('读取cookie');
    var result = getCookie('name');
    console.log(result);
    //console.log('删除cookie');
    //delCookie('name')
</script>

测试结果

总结

js操作cookie在h5应用中还是比较常用的。