js中cookiesessionStoragelocalStorage
Posted 北野
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中cookiesessionStoragelocalStorage相关的知识，希望对你有一定的参考价值。
一、cookie
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="text" name="username" id="username" value=""> 9 <input type="password" name="password" id="password" value=""> 10 <button type="button" name="button" id="btn">删除cookie</button> 11 <script type="text/javascript"> 12 // 1、设置、获取 13 var d = new Date(); 14 d.setHours(d.getHours() + 1);//1小时后过期 15 // path=/ 此时的/代表的是网站中所有的目录都可以访问这个cookie 16 document.cookie=‘username=zhangsan;expires=‘+d.toUTCString()+";path=/";//设置cookie 17 document.cookie;//获取所有的cookie 18 console.log(document.cookie) 19 20 // 2.设置、获取、删除cookie 21 // setCookie(‘password‘,‘123456‘,0.5*3600*1000)//30分钟后失效 22 // setCookie(‘username‘,‘zhangsan‘,0.5*3600*1000)//30分钟后失效 23 var btnObj = document.getElementById(‘btn‘) 24 btnObj.onclick = function(){ 25 delCookie(‘username‘); 26 delCookie(‘password‘); 27 } 28 function setCookie(name,value,expires){ 29 //计算有效期 30 var d = new Date(); 31 //设置有效期 32 d.setTime(d.getTime()+expires); 33 //设置cookie 34 document.cookie = name +‘=‘+value+‘;expires=‘+d.toUTCString(); 35 } 36 function getCookie(name) { 37 //获取cookie 38 var cookieStr = document.cookie; 39 //根据；拆分 40 var cookieArr = cookieStr.split(‘;‘); 41 //获取对应的cookie值 42 name += ‘=‘;//获取的cookie值都是后面有= 43 var result = ‘‘; 44 for(var i=0;i<cookieArr.length;i++) { 45 //没一个cookie值得前面都有一个空格，将空格删除，再去查找对应的name值 46 var tmp = cookieArr[i].trim(); 47 if(tmp.indexOf(name) == 0) { 48 //如果查找成功，则直接返回 49 result = tmp.slice(name.length); 50 break; 51 } 52 } 53 //返回结果 54 return result; 55 } 56 function delCookie(name) { 57 var d = new Date(); 58 d.setTime(d.getTime()-1000); 59 document.cookie = name+‘=;expires=‘+d.toUTCString(); 60 } 61 </script> 62 </body> 63 </html>
以上是关于js中cookiesessionStoragelocalStorage的主要内容，如果未能解决你的问题，请参考以下文章