Rumah > Artikel > hujung hadapan web > Cookie实现留言板的实例代码分享

Cookie实现留言板的实例代码分享

零下一度asal: 2017-07-18 13:27:041635semak imbas

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+&#39;=&#39;+value+&#39;;expires=&#39;+oDate;
	  
	};
	function getCookie(name){
		//多个cookie值是以; 分隔的，用split把cookie分割开并赋值给数组
	  var arr=document.cookie.split(&#39;; &#39;); 
	  
	  for(var i=0;i<arr[i].length;i++){
	  	//原来割好的数组是：user=simon，再用split(&#39;=&#39;)分割成：user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon 
	    var arr2=arr[i].split(&#39;=&#39;); 
	    
	     //如果数组的属性名等于传进来的name
	    if(arr2[0]==name){
	    	 //就返回属性名对应的值
	      return arr2[1];
	    }
	    return &#39;&#39;; //没找到就返回空
	  }
	};
	function removeCookie(name){
		  //-1就是告诉系统已经过期，系统就会立刻去删除cookie
	  setCookie(name, 1, -1); 
	};
	window.onload=function(){
	  var form=document.getElementById(&#39;form&#39;);
	  var user=document.getElementsByName(&#39;user&#39;)[0];
	  form.onsubmit=function(){
	    setCookie(&#39;user&#39;, user.value, 14);
	  };
	  user.value=getCookie(&#39;user&#39;);
	};
</script>
</head>
<body>
<form action="" id="form">
<textarea type="text" name="user" id="input"></textarea><br />
  <input type="submit" value="发表" />
</form>
</body>
</html>

　　就是这样!效果出的来但是我说的不太明白!感觉,每个程序员都是被上帝封住嘴的天使!! φ(>ω<*)

Atas ialah kandungan terperinci Cookie实现留言板的实例代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：checkbox选中后再次选中失效该如何解决？Artikel seterusnya：EventUtil.addHandler的介绍与使用

Artikel berkaitan

Lihat lagi