zoukankan      html  css  js  c++  java
  • 运用JS设置cookie、读取cookie、删除cookiev

    JS设置cookie:
     
    假设在A页面中要保存变量username的值("jack")到cookie中,key值为name,则相应的JS代码为: 

    document.cookie="name="+username;  

    JS读取cookie:
     
    假设cookie中存储的内容为:name=jack;password=123
     
    则在B页面中获取变量username的值的JS代码如下:

    var username=document.cookie.split(";")[0].split("=")[1];  

    //JS操作cookies方法! 

    //写cookies 

    function setCookie(name,value) 

        var Days = 30; 
        var exp = new Date(); 
        exp.setTime(exp.getTime() + Days*24*60*60*1000); 
        document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 


    //读取cookies 
    function getCookie(name) 

        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
     
        if(arr=document.cookie.match(reg))
     
            return unescape(arr[2]); 
        else 
            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(); 

    //使用示例 
    setCookie("name","hayden"); 
    alert(getCookie("name")); 

    //如果需要设定自定义过期时间 
    //那么把上面的setCookie 函数换成下面两个函数就ok; 


    //程序代码 
    function setCookie(name,value,time)

        var strsec = getsec(time); 
        var exp = new Date(); 
        exp.setTime(exp.getTime() + strsec*1); 
        document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); 

    function getsec(str)

       alert(str); 
       var str1=str.substring(1,str.length)*1; 
       var str2=str.substring(0,1); 
       if (str2=="s")
       { 
            return str1*1000; 
       }
       else if (str2=="h")
       { 
           return str1*60*60*1000; 
       }
       else if (str2=="d")
       { 
           return str1*24*60*60*1000; 
       } 

    //这是有设定过期时间的使用示例: 
    //s20是代表20秒 
    //h是指小时,如12小时则是:h12 
    //d是天数,30天则:d30 

    setCookie("name","hayden","s20");

  • 相关阅读:
    SpringBoot-10-之初阶整合篇(下)
    09--SpringBoot之初阶整合篇(上)
    07--SpringBoot之数据库JPA(CRUD)
    go 文件操作 io
    类型断言
    多态
    golang interface
    go strcut 封装
    go struct 抽象
    poj-3280 Cheapest Palindrome (dp)
  • 原文地址:https://www.cnblogs.com/lilirufeng/p/6035104.html
Copyright © 2011-2022 走看看