原生javascript操作cookie的方法好代码教程

每个人都渴望内心深处的成功,但问题是大多数人认为他们无法成功。他们不相信自己可以通过斗争获得成功。

现在很多站长们都喜欢使用 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>

本文原生javascript操作cookie的方法好代码教程到此结束。江无回头浪,人无再少年。年华若虚度,老来恨不浅。时光容易逝,岁月莫消遣。碌碌而无为,生命不值钱。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法