クッキーのフロントエンド操作

数据持久化操作

  将数据长久保持在客户端,实现网站长久登录效果
    cookie
      可以认为是记录简单内容的文本文件
      绑定在html页面上

  cookie设置分为前端设置和后端设置

    前端设置cookie:
      
      前端操作cookie时,时间戳必须通过toGMTString()方法转换成标准时间戳

      写入cookie:
        document.cookie='保存的键=保存的键值;expires=过期时间戳;key3=value3;...'
		前两个为必要的

      读取cookie:
        console.log(document.cookie);

      删除cookie:
        document.cookie='要删除的键=要删除的值;expires=当前时间戳+1';

      将cookie保存值转换成对象

        按=号分割成数组然后存入对象
        document.cookie.split('='); 按=号分割成数组
        obj={};
        obj[arr[0]]=arr[1];


localStorage
sessionStorage

コード例:

<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style>
	</style>
	
</head>
<body>
  
	<script>
    document.cookie='uname=jeff;expires='+expires
    //保存当前时间戳后1000秒
    var expires=new Date(new Date().getTime()+1000*1000).toGMTString();
     console.log(document.cookie);
    
    //cookie内容转换成对象

   var obj={};
    var arr=document.cookie.split('=');
    for(var i=0;i<=arr.length;i++)
    {
      obj[arr[0]]=arr[1];
    }

    //删除cookie
    var expires=new Date(new Date().getTime()+1).toGMTString();
    document.cookie='uname=jeff;expires='+expires;
	</script>
	
</body>

</html>
公開された252元の記事 ウォンの賞賛3 ビュー3241

おすすめ

転載: blog.csdn.net/weixin_43294560/article/details/103950264
おすすめ