zoukankan      html  css  js  c++  java
  • js基础---cookie存储

    一、Cookie是什么
    Cookie是一种客户端(浏览器)把用户信息以文件形式存储到本地硬盘的技术,说白了就是一种浏览器技术

    二、Cookie的作用
    Cookie的作用很单一,就是存储客户数据。(存储数据的文件叫Cookie文件)

    三、Cookie与变量的区别
    变量:数据是存储到内存中的,是一种暂时存储(一关浏览器就没了)
    Cookie:数据是存储到Cookie文件中的(硬盘),是一种长期存储(即使关了浏览器还存在)

    四、Cookie的注意事项
    1、不同浏览器存放Cookie的位置不同,也是不能通用的
    2、Cookie文件的存储以域名形式进行区分的
    3、Cookie的数据可以设置名字(为了存储大量数据和方便操作这些数据)
    4、一个域名下存放Cookie的数量是有限的,而不同浏览器存放的个数不同
    5、每个cookie存放的内容大小也是有限的,而不同浏览器存放内容大小不同

    五、函数封装

    1)、设置cookie

    function setCookie(name, value, iDay)//name---cookie的名字,value----cookie的值,iDay-----过期时间
    {
        var oDate=new Date();
        
        oDate.setDate(oDate.getDate()+iDay);
        
        document.cookie=name+'='+value+';expires='+oDate;
    }

    2)、获取cookie

    function getCookie(name)
    {
        var arr=document.cookie.split('; ');
        var i=0;
        for(i=0;i<arr.length;i++)
        {
            var arr2=arr[i].split('=');
            
            if(arr2[0]==name)
            {
                return arr2[1];
            }
        }
        
        return '';//如果没有就返回空值
    }

    3)、删除cookie

    function removeCookie(name)
    {
        setCookie(name, '1', -1);//将过期时间设置为昨天,系统就自动删除了
    }
  • 相关阅读:
    如何运行github下载的vue项目
    vue初级学习--使用 vue-resource 请求数据
    vue初级学习--组件的使用(自定义组件)
    vue初级学习--路由router的编写(resolve的使用)
    sass学习--在htm文件中使用
    sass学习--安装ruby
    小技巧记录
    vue-修改vue项目运行端口号
    vue初级学习--控制台创建vue项目
    vue初级学习--idea的环境搭建
  • 原文地址:https://www.cnblogs.com/shenjp/p/6440777.html
Copyright © 2011-2022 走看看