本地測試cookie用火狐來測試

首先cookie是document上的一個屬性。

先彈出一個cookie

alert(document.cookie); //彈出是空的

設置cookie，格式是有一定要求的，格式是，名字=值 這樣的格式

所以設置的時候，這樣設置

document.cookie="user=jack";

如果要添加兩條，不會被覆蓋，中間是用 ; （分號+空格）來鏈接的

document.cookie="user=jack"; document.cookie="pass=123456";

cookie信息可在隱私中查看

但是如果不設置了，把這兩句注釋了的話，就會繼續彈出空

//document.cookie="user=jack"; //document.cookie="pass=123456"; alert(document.cookie);

是因為沒有指定過期時間，到瀏覽器關閉，就沒了

設置過期時間

var oDate=new Date(); oDate.setDate(oDate.getDate()+14); //為了得出14天以后是幾號 document.cookie="user=jack;expires="+oDate; document.cookie="pass=123456"; alert(document.cookie);

這樣的話，就算注釋了，再重新打開瀏覽器也會彈出user的cookie

過期時間，也產生了變化

為了簡便，封裝一下cookie

//設置cookie function setCookie(name,value,iDay){var oDate=new Date();oDate.setDate(oDate.getDate()+iDay); //iDay是幾天過期document.cookie=name+'='+value+';expires='+oDate; } //讀取cookie 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 ''; } //刪除cookie function removeCookie(name){setCookie(name,1,-1); //-1天過期 }

//調用
setCookie("user","lynn",13);
setCookie("password","123456",365);
setCookie("words","book",365);
alert(document.cookie);
removeCookie("password");
alert(document.cookie);

?第一個小例子

if(getCookie("pop")=="open"){alert("我是第N次打開"); }else{alert("我是第一次打開");setCookie("pop","open",1); //1天以后過期 }

第二個小例子

<form id="form1" action="">用戶名:<input type="text" name="user" /><br />密碼:<input type="password" name="pass" /><br /><input type="submit" value="登陸" /> </form><script type="text/javascript">window.onload=function(){var oForm=document.getElementById('form1'),oUser=document.getElementsByName('user')[0];oForm.onsubmit=function(){setCookie('user',oUser.value,14)}oUser.value=getCookie('user');} </script>

?

轉載于:https://www.cnblogs.com/change-oneself/p/4923111.html

總結

以上是生活随笔為你收集整理的window.cookie的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。