现在很多站长们都喜欢使用 JQ 插件 jquery.cookie.js 来对 cookie 进行创建,读取和删除的操作,因为它简单方便,一行代码就可以搞定。但如果我们使用原生的 JS 代码该如何去写的呢?

下面就写一下关于原生 JS 来操作 cookie 的方法示例。

原生js新建cookie的方法

js示例代码:

<script>
// 输入参数:cookie 名称,cookie 的值,time 有效果时间,单位为秒    
function setCookie(name, value, time) { 
    var strsec = time * 1000; 
    var exp = new Date(); 
    exp.setTime(exp.getTime() + strsec * 1); 
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; 
}
</script>

原生js读取cookie的方法

js示例代码:

<script>
// 输入参数:name cookie名称
function getCookie(name) { 
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); 
    if (arr = document.cookie.match(reg)) { 
        return unescape(arr[2]); 
    } else { 
        return null; 
    } 
}
</script>

原生js删除cookie的方法

js示例代码:

<script>
// 输入参数:name 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();
    }    
}
</script>