如何用js向cookie中保存数据,取数据。

JavaScript014

如何用js向cookie中保存数据,取数据。,第1张

可以使用jquery.cookie.js扩展包,先到网络上下载好

使用方法:

前后html省略

<script src="/js/jquery.cookie.js"></script>

<script>

//设置cookie

//test为键名,1为键值,第三个参数是失效时间

$.cookie("test", "1", { expires: 7 })// 存储一个带7天期限的 cookie

//读取cookie

$.cookie("test")

//删除cookie

$.cookie("test", "1", { expires: -1 })//设置过期时间为负就失效了

</script>

使用js检测Cookie的话,可以让js执行定时任务,定期检测,我给你写段代码

方法一://使用jquery的cookie方法,之前必须引入jquery.cookie.js文件,在网上可以下载到

//每隔1秒,执行cookie检测函数

setTimeout("checkCookie()",1000)

//检测cookie函数,如果cookie为空则跳转到登陆页

function checkCookie() {

   if($.cookie("qqlogin") == "" || $.cookie("qqlogin") == null) {

        window.location.href = "login.html"

   }

}

方法二:使用js获取cookie

//定义一个函数,用来读取特定的cookie值

function getCookie(cookie_name) {

    var allcookies = document.cookie

    var cookie_pos = allcookies.indexOf(cookie_name)   //要获取COOKIE的索引长度  

    

    //如果找到了索引,就代表cookie存在,

    //反之,就说明不存在。  

    if (cookie_pos == '') {

       window.location.href = "login.html"

    }

}  

// 调用函数

//每隔1秒,执行cookie检测函数

setTimeout("getCookie('getCookie')",1000)

注:方法二未经测试。