zoukankan      html  css  js  c++  java
  • Cookie实现留言板

    Cookie实现留言板

    直接代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    	#input{
    		 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>
    

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

  • 相关阅读:
    hlgoj 1766 Cubing
    Reverse Linked List
    String to Integer
    Bitwise AND of Numbers Range
    Best Time to Buy and Sell Stock III
    First Missing Positive
    Permutation Sequence
    Next Permutation
    Gray Code
    Number of Islands
  • 原文地址:https://www.cnblogs.com/yang-ting/p/7119363.html
Copyright © 2011-2022 走看看