|
|
@@ -0,0 +1,62 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ /*
|
|
|
+ cookie 本地存储 大小 4K 默认的有效期 为当前对话窗口
|
|
|
+ 可以通过 expires 设置过期时间
|
|
|
+ */
|
|
|
+ document.cookie = "name = 'zs'"
|
|
|
+ var date = new Date()
|
|
|
+
|
|
|
+ date.setDate(date.getDate() + 1)
|
|
|
+ console.log(date)
|
|
|
+ console.log(date.toUTCString())
|
|
|
+
|
|
|
+ document.cookie = "password = '123';expires="+date.toUTCString()
|
|
|
+
|
|
|
+
|
|
|
+ function setCookie (key,value,expires){
|
|
|
+ var date = new Date()
|
|
|
+ date.setDate(date.getDate()+expires)
|
|
|
+ document.cookie = key + '=' +value + ';expires=' + date.toUTCString()
|
|
|
+ }
|
|
|
+ setCookie('age',18,2)
|
|
|
+
|
|
|
+
|
|
|
+ function getCookie(key){
|
|
|
+ var cookie = document.cookie
|
|
|
+ console.log(cookie)
|
|
|
+ /* 创建一个arr 存放字符串分开
|
|
|
+ .split() 把字符串 拆分成数组
|
|
|
+ ["password='123'", " name='zs'", ' age=18']
|
|
|
+ */
|
|
|
+ var arr = cookie.split(';')
|
|
|
+ console.log(arr)
|
|
|
+ for(var i=0;i<arr.length;i++){
|
|
|
+ var tmp = arr[i].split('=')
|
|
|
+ console.log(tmp)
|
|
|
+ /* trim()用于删除字符串的头尾空白 */
|
|
|
+ if(tmp[0].trim() == key){
|
|
|
+ return tmp[1]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(getCookie('age'))
|
|
|
+
|
|
|
+
|
|
|
+ function delCookie(key){
|
|
|
+ var date = new Date()
|
|
|
+ date.setDate(date.getDate()-1)
|
|
|
+ document.cookie = key+ '=null;expires='+ date.toUTCString()
|
|
|
+ }
|
|
|
+ delCookie('age')
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
zsydgithub