什么是cookie:
△ 用来保存用户信息:用户名、密码... ... △ 同一网站共享一套cookie,大小有限,保存时间 △ 使用document.cookiecookie包含: cookieName=cookieValue; 名字和值(用户名、密码...) expires=expirationDateGMT; 过期时间 path=URLpath; 存储一个URL domain=siteDomain; 存储一个阈值设置cookie: document.cookie="名字1=值1"; document.cookie="名字2=值2"; 单个设置,复合写法: document.cookie="名字1=值1; 名字2=值2";例子:设置过期时间 var expDate=new Date(); expDate.setDate(expDate.getDate()+需要延长的时间); document.cookie="expires="+expDate.toUTCstring(); /* 先创建时间对象 设置过期时间=当前时间+延长时间 写入cookie中 时间对象参考书册 */ 封装三种常用cookie函数: □ 设置cookie function setCookie(name,value,iDay){ //名字 值 保存(延长)时间 var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDay; } □ 获取cookie function getCookie(name){ //"userName=abc; password=123; ..." cookie里的内容,字符串 var arr=document.cookie.split('; '); var i=0; //arr→["useName=abc";"password=123"...] 用split()切割成数组,仍不能直接使用 for(var i=0;i<arr.length;i++){ //arr2→["useName","abc"] 细分,可以调用 var arr2=arr.split(“=‘); if(arr2[0]==name){ //条件成立时,返回对应值 return arr2[1]; } return "'; //内容为空时,返回空 } } □ 删除cookie function removeCookie(name){ setCookie(name,"value随便填",-1); //保存时间为负数,意为已过期浏览器自动删除相关内容 }相关实例: ① cookie记录拖拽位置 获取对象属性网址: ②表单Form记住/清除用户名 【html】 <form action="" id=" "> 用户名:<input type="text" name="user" /> 密码:<input type="password" name="pass" /> <input type='"submit" value="登陆" /> <a href="javacirpt:;">清除记录</a> </form> 【js】 var oForm=document.getElementById(" "); //获取表单 var oUser=document.getElementByName("user")[0]; //获取用户名 var oBtnClear=document.getElementByTagName("a")[0]; //获取清除按钮 //当用户点击提交时执行 oForm.οnsubmit=function(){ setCookie("user", oUser.value, 30); //设置 } oUser.value=getCookie("user"); //把用户名显示在页面上 oBtnClear.οnclick=function(){ removeCookie("user"); //清除cookie oUser.value=" "; //把页面上的用户名也清除 }-------------------------------------------------------------------------------------------------------------------------------------------------------火狐查看cookie 1.若菜单栏隐藏,先调出 alt+f -- 查看-- 工具栏--菜单栏 (勾选) 2.工具--页面信息--安全--查看cookie-------------------------------------------------------------------------------------------------------------------------------------------------------资料来源:官方cookie文档