一、什麽是Cookie?

　　頁面用來存放信息

　　用戶通過瀏覽器發送請求，會創建Cookie,可以通過JS來讀取創建刪除Cookie

二、 Cookie的特性？

　　數量、大小有限

　　有過期時間

　　同一個網站只能共享同一套Cookie，也就是同一個域名

　　不指定過期時間，到瀏覽器關閉，就自動清除

！！！-JS

　　*********第一個Cookie

　　　　alert(document.cookie);

　　　　註意：alert(document.cookie());這樣寫是錯誤的，不能帶括號

　　*********自定義Cookie

　　　　document.cookie=‘user=2‘;
　　　　document.cookie=‘pwd=3‘;
　　　　alert(document.cookie);

　　　　註意：自定義Cookie是直接用document.cookie=“”來創建的，不用賦值給變量，=就是添加，不會覆蓋

　 *******設置Cookie過期時間

　　　　var time=new Date();

　　　　time.setDate(time.getDate());

　　　　document.cookie="user=mwl;expires="+time;

　　　　alert(document.cookie);

　　******封裝Cookie

　　　　設置Cookie

　　　　function setCookie(name, value, iDay)
　　　　{
　　　　　　var oDate=new Date();
　　　　　　oDate.setDate(oDate.getDate()+iDay);
　　　　　　document.cookie=name+‘=‘+value+‘;expires=‘+oDate;
　　　　}

　　　　setCookie(‘mwl‘,‘jiajia‘,15);

　　讀取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 ‘‘;
　　　　}

　　　　alert(getCookie(‘sex‘))

　　刪除Cooie

　　　　function removeCookie(name)
　　　　{
　　　　　　setCookie(name, 1, -1);
　　　　}

　　　　removeCookie(‘password‘);

！！！實例

　　　---HTML

　　　　<form id="form1" action="http://www.zhinengshe.com/">
　　　　　　用戶名：<input type="text" name="user" /><br>
　　　　　　密碼：<input type="password" name="pass" /><br>
　　　　　　<input type="submit" value="登陸" />
　　　　</form>　

　　　　！！！-JS　

　　　　function setCookie(name, value, iDay)
　　　　{
　　　　　　var oDate=new Date();
　　　　　　oDate.setDate(oDate.getDate()+iDay);
　　　　　　document.cookie=name+‘=‘+value+‘;expires=‘+oDate;
　　　　}

　　　　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);
　　　　}

　　　　window.onload=function ()
　　　　{
　　　　　　var oForm=document.getElementById(‘form1‘);
　　　　　　var oUser=document.getElementsByName(‘user‘)[0];　
　　　　　　oForm.onsubmit=function ()
　　　　　　{
　　　　　　　　setCookie(‘user‘, oUser.value, 14);
　　　　　　};
　　　　　　oUser.value=getCookie(‘user‘);
　　　　};

JavaScript-Cookie