标签:
今天 就来说说cookie 之前学习的时候没哟太弄懂 这周就把他们 再整理了一遍
<script> document.cookie=‘user=blue‘;//一个名字 一个值
document.cookie=‘pass=1234‘;//几条都可以 不会被覆盖 =等于添加 补指定过期时间 浏览器关闭就清除 alert(document.cookie);
</script>
推算 得到日期 <script> var oDate=new Date(); oDate.setDate( oDate.getDate()+4);//加几 就往后推几天 oDate.setDate( oDate.getDate()); //得出当天日期 oDate.setDate( 31); // 括号里面是1 (当月一号 是32 就直接一次推到下个月)往后多少天都能算出来 alert(oDate.getFullYear()+‘-‘+(oDate.getMonth()+1)+‘-‘+oDate.getDate()); </script>
添加一个过期时间 <script> var oDate=new Date(); oDate.setDate(oDate.getDate()+14); // document.cookie=‘user=blue;expires=‘+oDate; //expires(有效期或失效期)加oDate(日期对象) // 设定了关闭时间后(14天) 就不会浏览器 关闭 就消失
// document.cookie=‘pass=1234‘;//几条都可以 不会被覆盖 =等于添加 补指定过期时间 浏览器关闭就清除 alert(document.cookie); </script>
查看cookie 火狐--页面信息--安全--查看cookie--localhost(可以看到设置时间 多久消失)
cookie 包裹函数 成型 <script> function setCookie ( name,Value,iDay ) //(姓名,值,几天后过期) { var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+‘=‘+value+‘;expires=‘+oDate; } setCookie(‘userName‘,‘chen‘,365); setCookie(‘password‘,‘888‘,13);
</script>
获取cookie的值
<script> var oDate=new Date(); oDate.setDate(oDate.getDate()+14); document.cookie=‘user=blue;expires=‘+oDate;
document.cookie=‘id=888‘; document.cookie=‘add=abc‘; document.cookie=‘pass=1234‘;
// alert(document.cookie); function getCookie(name) //获取cookie { var arr=document.cookie.split(‘;‘); for(var i=0;i<arr.length;i++){ var arr2=arr[i].split(‘=‘); if(arr2[0]==name){ return arr2[1]; } } return‘‘; //没有就返回空 } // alert(document.cookie); alert(getCookie(‘pass‘)); //获取pass的值 </script>
删除数据 function removeCookie(name) { setCookie(name,1,-1);// 负一天后过期 就是昨天
} removeCookie(‘id‘);//用removeCookie删除id数据 alert(document.cookie);
记住上一次的用户名
<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script>
function setCookie ( name,Value,iDay ) { var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+‘=‘+value+‘;expires=‘+oDate; } setCookie(‘userName‘,‘chen‘,365); setCookie(‘password‘,‘888‘,13); function getCookie(name) { var arr=document.cookie.split(‘;‘); for(var i=0;i<arr.length;i++){ var arr2=arr[i].split(‘=‘); if(arr2[0]==name){ return arr2[1]; } } return‘‘; function removeCookie(name) { setCookie(name,1,-1); //调用之前的cookie
window.onload=function(){ var f11=document.getElementById(‘f1‘); var oUser=document.getElementsByName(‘user‘)[0]; f11.onsubmit=function(){ setCookie(‘user‘,oUser.value,14); }; oUser.value=getCookie(‘user‘);//直接记住用户名(14) }; </script> </head> <body> <form id="f1" action="http://tel.51240.com/028-83951316__tel/"> 用户名:<input type="text" name="user"/><br> 密码:<input type="password" name="pass"/> <br> <input type="submit" value="登录"/> </form> </body> </html>
标签:
原文地址:http://www.cnblogs.com/Anson-xuan/p/4678154.html