1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <!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>
|