Cookie实现留言板

Posted ITandYT

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Cookie实现留言板相关的知识，希望对你有一定的参考价值。

Cookie实现留言板

直接代码:

<!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实现留言板的主要内容，如果未能解决你的问题，请参考以下文章

js代码片段: utils/lcoalStorage/cookie

《java精品毕设》基于javaweb宠物领养平台管理系统（源码+毕设论文+sql）:主要实现:个人中心,信息修改,填写领养信息,交流论坛,新闻,寄养信息,公告,宠物领养信息,我的寄养信息等(代码片段

C#-WebForm-★内置对象简介★Request-获取请求对象Response相应请求对象Session全局变量（私有）Cookie全局变量（私有）Application全局公共变量Vi(代码片段

gitlab 权限说明

cookie的简单留言框

XSS盲打