您的位置:首页 > Web前端 > JavaScript

JS设置cookie、读取cookie、删除cookie

2017-05-19 15:55 531 查看
一个简单的html

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk">

<title>待结算单据</title>

</head>

<body>

    <input type="button" value="设置cookie" onclick="set()">

    <input type="button" value="获取cookie" onclick="get()">

    <input type="button" value="删除cookie" onclick="del()">

</body>

</html>

<script type="text/javascript">

    function set(){

        setCookie("haha","22",30);

    }

    function get(){

        alert(getCookie("haha"));

    }

    function del(){

        delCookie("haha");

    }

    /**

 * cookie 操作

 */

/**

 * 设置cookie

 *

 * @param c_name

 *            名称

 * @param value

 *            值

 * @param 过期天数

 */

function setCookie(c_name, value, expiredays) {

    var exdate = new Date();

    exdate.setDate(exdate.getDate() + expiredays);

    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());

}

/**

 * 获取cookie

 *

 * @param c_name

 *            名称

 * @returns

 */

function getCookie(c_name) {

    if (document.cookie.length > 0) {

        var c_start = document.cookie.indexOf(c_name + "=");

        if (c_start != -1) {

            c_start = c_start + c_name.length + 1;

            var c_end = document.cookie.indexOf(";", c_start);

            if (c_end == -1)

                c_end = document.cookie.length;

            return unescape(document.cookie.substring(c_start, c_end));

        }

    }

    return null;

}

/**

 *

 * 删除cookies

 *

 */

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();

}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: