JavaScript Cookie的使用

最新推荐文章于 2023-10-27 15:26:02 发布

戴宇琪

最新推荐文章于 2023-10-27 15:26:02 发布

阅读量223

点赞数

分类专栏： WEB前端开发

本文链接：https://blog.csdn.net/yuqidai/article/details/51612717

版权

WEB前端开发专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript Cookie的使用</title>
<script>
window.onload = function(){
        
    /*
        encodeURI('123'); 编码转换
        decodeURI('123'); 反转换
    */
    
    //封装函数增加cookie
    function setCookie(key,value,t){ //名称,值,时间(天)
        var oDate = new Date();
        oDate.setDate(oDate.getDate() + t);
        document.cookie = key + '=' + encodeURI(value) + ';expires=' + oDate.toGMTString();
        }
        
    setCookie('name','123',1);  //名称,值,时间(天)
    
    //封装函数查询cookie的值
    function getCookie(key){
        var arr1 = document.cookie.split('; ');    //分割成数组
        for(var i=0; i<arr1.length; i++){
            var arr2 = arr1[i].split('=');     //再次分割
            if(arr2[0]==key){                  
                return decodeURI(arr2[1]);
                }
            }
        }
    
    alert(getCookie('name'));
    //alert(getCookie('age')); //传入字段,输出值
    //alert(getCookie('nameuser'));
    
    }
</script>
</head>
<body>
</body>
</html>