ps:如果没有cookie信息,将显示div,否则不显示。 (请在火狐浏览器下测试)
还是上代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cookie应用</title> <style> #div1 {width:200px; height:200px; background:#CCC; display:none;} </style> <script> /* 如果没有cookie信息,将显示div,否则不显示。 (请在火狐浏览器下测试) */ //设置cookie function setCookie(name, value, iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate; } //读取cookie function getCookie(name) { var arr=document.cookie.split(';'); //定义一个数组 var re=new RegExp('\b'+name+'=\w+'); //定义一个正则 var res=document.cookie.match(re); //匹配所选字段 if(res){ return res[0].split('=')[1]; //如果匹配成功,返回结果 } else { return ''; //否则返回空 } } //删除cookie function removeCookie(name){setCookie(name, '1', -1) } //利用setCookie函数,将时间设置为-1,达到删除效果(默认没有删除方法) window.onload=function () { var oDiv=document.getElementById('div1'); if(!getCookie('arrial')) { oDiv.style.display='block'; setCookie('arrial', '1', 30); //向cookie中添加'arrial', '1', 30 } }; </script> </head> <body> <div id="div1">没有cookie信息</div> </body> </html>