1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Document</title>
    9. </head>
    11. <body>
    13. </body>
    14. <script>
    15.     var manageCookies = {
    16.         set: function (key, value, expTime) {
    17.             // console.log(key, value, expTime);
    18.             document.cookie = key + '=' + value + ';max-age=' + expTime;
    19.             return this;
    20.         },
    21.         delete: function (key) {
    22.             return this.set(key, '', -1)
    23.         },
    24.         get: function (key, cb) {
    25.             // 遍历cookie的所有项
    26.             var CookiesArray = document.cookie.split('; ');
    27.             console.log(CookiesArray);
    28.             for (var i = 0; i < CookiesArray.length; i++) {
    29.                 var CookieItem = CookiesArray[i];
    30.                 var CookieItemArray = CookieItem.split('=');
    31.                 // 遍历拆分每一项的键值
    32.                 console.log(CookieItemArray);
    34.                 if (CookieItemArray[0] == key) {
    35.                     // 如果找到则打印属性值
    36.                     cb(CookieItemArray[1]);
    37.                     return this;
    38.                 }
    39.             }
    40.             cb(undefined);
    41.             return this;
    42.         },
    43.     }
    45.     manageCookies.set('name', 'xiaohu', 1000).set('age', '20', 1000).delete(name).get('age', function (data) {
    46.         console.log(data);
    47.     });
    48.     // console.log(document.cookie);
    49. </script>
    51. </html>