<script> var oD=new Date(); //从当天起天也就是周后是几号 oD.setDate(oD.getDate()+); //设置过期时间周。可在查看cookie中看到user的过期时间为周后 document.cookie='user=小白;expires='+oD; //浏览器关闭删除本条cookie。pass的过期时间为在会话结束时。 document.cookie='pass='; //读取cookie alert(document.cookie); </script>
(2)、修改cookie
修改cookie类似于创建cookie，新的cookie会覆盖旧的cookie，其实并不能说是被覆盖了，而是新的cookie 将被添加到 document.cookie 中显示。
<script> var oD=new Date(); oD.setDate(oD.getDate()+); document.cookie='user=小白;expires='+oD; document.cookie='pass='; //可在查看cookie中看到user和pass的内容都被新的cookie替换了 document.cookie='user=小明;expires='+oD; document.cookie='pass='; //读取cookie alert(document.cookie); </script>
(3)、删除cookie
删除 cookie 非常简单。只需要设置 expires 参数为以前的时间即可，也就是设置为-1，昨天过期，浏览器一看这不是昨天就过期么，直接删除。
下面是设置、获取和删除cookie的封装函数，方便以后使用。
<!DOCTYPE html> <html> <head> <meta charset="UTF-"> <title>Cookie封装函数</title> </head> <body> <script> //设置cookie //参数:cookie的名字，参数：cookie的值，参数：cookie过期时间 function setCookie(name, value, iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+'; expires='+oDate; } //userName一年后过期，passWord两周后过期。 setCookie('userName', '小白', ); setCookie('passWord', '', ); //获取cookie //参数为cookie的名称 function getCookie(name){ //用字符串将cookie分割，注意要用：默认的cookie样式，分号加空格。 var arr=document.cookie.split('; '); for(var i=;i<arr.length;i++){ //默认字符串显示为：a=; b=; c= //所以用等号再做一次分隔 var result=arr[i].split('='); //result的第一位存名称 //如果第一位等于name，就说明找到想要的了,就返回第二位的值。 if(result[]==name){ //result的第二位存值 return result[]; } } //如果没有cookie就返回一个空字符串。比如有些用户是第一次进入网站，就没有产生cookie。 return ''; } //获取cookie中passWord的值 alert(getCookie('passWord')); //参数为删除哪条cookie function removeCookie(name){ //参数：cookie的值，表示随便一个。参数：昨天过期，立马删除。 setCookie(name, , -); } //将cookie中userName和passWord删除。 //在点击查看页面信息，之前保存的cookie就不存在了。 removeCookie('userName'); removeCookie('passWord'); </script> </body> </html>
(4)、cookie小应用：记住上一次的用户名
<!DOCTYPE html> <html> <head> <meta charset="UTF-"> <title>记住上一次的用户名</title> <script> 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=;i<arr.length;i++){ var result=arr[i].split('='); if(result[]==name){ return result[]; } } return ''; } function removeCookie(name){ setCookie(name, , -); } window.onload=function (){ var oForm=document.getElementById('form'); var oUser=document.getElementsByName('user')[]; //在点击提交按钮时发生的事件 oForm.onsubmit=function (){ //创建一个cookie，值为用户名输入的值，天后过期 setCookie('user', oUser.value, ); }; //用户名的值为获取cookie中的user oUser.value=getCookie('user'); }; </script> </head> <body> //index.html为本文档文件名 <form action="index.html"> 用户名：<input type="text"><br> 密 码：<input type="password"><br> <input type="submit" value="登录"> </form> </body> </html>
window的六大属性，同时它们也是对象：
document主要操作web加载的网页文档；
frames为窗口框架对象数组；
history保存用户上网记录；
location提供加载的文档有关信息以及控制页面跳转；
navigator对象存储浏览器名称及版本信息；
screen显示屏幕相关信息。