Cookie實現留言板
阿新 • • 發佈：2017-07-05
length -1 cti asc tex 找到 function date sub
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實現留言板