Direct code:
<!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>That’s it! The effect is there but I don’t quite understand it! It feels like, Every programmer is an angel whose mouth has been silenced by God!! φ(>ω<*)
The above is the detailed content of Example code sharing of cookie implementation of message board. For more information, please follow other related articles on the PHP Chinese website!
cookie
How to solve the problem that document.cookie cannot be obtained
ie shortcut cannot be deleted
What does it mean to block all cookies?
How to solve the problem that IE shortcut cannot be deleted
The difference between vscode and vs
internal server error
How to solve the problem of failure to load dll
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
