<스타일> #input{ widt"/> <스타일> #input{ widt">

 >  기사  >  웹 프론트엔드  >  게시판의 쿠키 구현에 대한 예제 코드 공유

게시판의 쿠키 구현에 대한 예제 코드 공유

零下一度
零下一度원래의
2017-07-18 13:27:041674검색

메시지 보드 예제 코드 공유의 쿠키 구현

직접 코드:

<!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>

그렇습니다! 효과는 나오지만 잘 이해가 되지 않습니다. 모든 프로그래머가 신에 의해 입을 침묵시킨 천사인 것 같습니다! !ψ(>Ω<*)

위 내용은 게시판의 쿠키 구현에 대한 예제 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.