利用js来安装、读取、删除cookie的精品代码

继上风华正茂篇作品中大家讲到cookie的概念,前天大家来写什么用js来设置cookie、读取cookie、删除cookie。本文代码来自互连网,并附着网页屡见不鲜的使用cookie换肤案例供就学。

设置cookie

function setCookie(name, value,days) {
//三个参数,一个是cookie的名子,一个是值,最后一个是天数
var exp = new Date();    //new Date("December 31, 9998");
exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}

读取cookie

function getCookie(name) {
//取cookies函数
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null)
return unescape(arr[2]);
return null;
}

删除cookie

function delCookie(name){
//删除cookie并重新演示
// 该函数检查下cookie是否设置,如果设置了则将过期时间调到过去的时间;
//剩下就交给操作系统适当时间清理cookie啦
if (getCookie(name))
{
document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}

使用cookie换肤

而外丰富上边的代码外,上面包车型客车那个是换肤系统的入眼代码

var themes = {
        'gray' : 'tpl/gray.css',
        'black' : 'tpl/black.css',
        'bootstrap' : 'tpl/bootstrap.css',
        'default' : 'tpl/default.css',
        'metro' : 'tpl/metro.css'
    };

    var skins = $('.li-skinitem span').click(function() {
        var $this = $(this);
        if($this.hasClass('cs-skin-on')) return;
        skins.removeClass('cs-skin-on');
        $this.addClass('cs-skin-on');
        var skin = $this.attr('rel');
        $('#swicth-style').attr('href', themes[skin]);
        setCookie('cs-skin', skin);
        skin == 'dark-hive' ? $('.cs-north-logo').css('color', '#FFFFFF') : $('.cs-north-logo').css('color', '#000000');
    });

    if(getCookie('cs-skin')) {
        var skin = getCookie('cs-skin');
        $('#swicth-style').attr('href', themes[skin]);
        $this = $('.li-skinitem span[rel='+skin+']');
        $this.addClass('cs-skin-on');
        skin == 'dark-hive' ? $('.cs-north-logo').css('color', '#FFFFFF') : $('.cs-north-logo').css('color', '#000000');
    }

本人把前端工具箱改了须臾间,协理换肤了。可是四肢的底细css还亟需宏观。

前端开拓工具

2013-8-21更新

在英特网找到后生可畏段正是更简便易行的代码,先贴上来,有的时候光再商量

<script>
    Cookie =
{
 get: function (k) { return ((new RegExp(["(?:; )?", k, "=([^;]*);?"].join(""))).test(document.cookie) && RegExp["$1"]) || ""; },
 set: function (k, v, e, d) { document.cookie = [k, "=", v, e && e["toGMTString"] ? ';expires=' + e.toGMTString() : "", ";path=/;domain=", d || ""].join(""); },
 del: function (k) { document.cookie = k+'=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/'}
};
    //写入Cookie
    Cookie.set("UserID", "Hello caibaojian.com");
   //读取Cookie
    var value = Cookie.get("UserID");
    alert(value); // Hello caibaojian.com! 
</script>

留意:cookie在本地的静态页面上chrome和Internet
explorer未有作用,能够在火狐上调治,然后再松手服务器上测量检验。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website