fengchuanyu 1 tydzień temu
rodzic
commit
a89293cf4c
2 zmienionych plików z 32 dodań i 5 usunięć
  1. 1 1
      6_HTML5/5_cookie.html
  2. 31 4
      6_HTML5/练习题2_cookie.html

+ 1 - 1
6_HTML5/5_cookie.html

@@ -29,7 +29,7 @@
         // 将日期转换为字符串 
         var dateStr = date.toUTCString()
         document.cookie = "username=张三; expires="+dateStr;
-         document.cookie = "password=123; expires="+dateStr;
+        document.cookie = "password=123; expires="+dateStr;
 
 
         // 获取cookie document.cookie 会返回所有当前页面的cookie

+ 31 - 4
6_HTML5/练习题2_cookie.html

@@ -7,19 +7,46 @@
 </head>
 <body>
     <script>
+        function setCookie(name,value,expire){
+            var date = new Date();
+            var nowDate = date.getDate();
+            date.setDate(nowDate+expire);
+            var dateStr = date.toUTCString();
+            document.cookie = name + "="+value+";expires="+dateStr;
+
+
+        }
         // 设置cookie
         // 语法:setCookie(name,value,expire); 第一个key值 第二个value 第三个过期时间(日期天数)
-        setCookie("username","张三",1)
+        // setCookie("username","张三",1)
+        // setCookie("age","18",1)
+
+
+        function getCookie(name){
+            var cookies = document.cookie;
+            cookies = cookies.split(";")
+            for(var i=0;i<cookies.length;i++){
+                var resArr = cookies[i].split("=");
+                if(resArr[0].trim() == name){
+                    return resArr[1];
+                }
+            }
+            // console.log(cookies);
+            
+        }
 
         // 获取cookie
         // 语法:getCookie(name); 第一个key值
-        var username = getCookie("username");
-        console.log(username);
+        var keyValue = getCookie("username");
+        console.log(keyValue);
 
         // 删除cookie
         // 语法:deleteCookie(name); 第一个key值
         // 删除cookie其实就是把过期时间改为已经过去的时间
-        deleteCookie("username");
+        function deleteCookie(name){
+            setCookie(name,"",-1);
+        }
+        deleteCookie("age");
         
     </script>
 </body>