时间:2021-07-01 10:21:17 帮助过:22人阅读
直接代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> #input{ width: 400px; height: 400px; } </style> <script> function setCookie(name, value, iDay){ var oDate=new Date(); //用来设置过期时间用的,获取当前时间加上传进来的iDay就是过期时间 oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate; }; function getCookie(name){ //多个cookie值是以; 分隔的,用split把cookie分割开并赋值给数组 var arr=document.cookie.split('; '); for(var i=0;i<arr[i].length;i++){ //原来割好的数组是:user=simon,再用split('=')分割成:user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon var arr2=arr[i].split('='); //如果数组的属性名等于传进来的name if(arr2[0]==name){ //就返回属性名对应的值 return arr2[1]; } return ''; //没找到就返回空 } }; function removeCookie(name){ //-1就是告诉系统已经过期,系统就会立刻去删除cookie setCookie(name, 1, -1); }; window.onload=function(){ var form=document.getElementById('form'); var user=document.getElementsByName('user')[0]; form.onsubmit=function(){ setCookie('user', user.value, 14); }; user.value=getCookie('user'); }; </script> </head> <body> <form action="" id="form"> <textarea type="text" name="user" id="input"></textarea><br /> <input type="submit" value="发表" /> </form> </body> </html>
就是这样!效果出的来 但是我说的不太明白!感觉,每个程序员都是被上帝封住嘴的天使!! φ(>ω<*)
以上就是Cookie实现留言板的实例代码分享的详细内容,更多请关注Gxl网其它相关文章!