cookie的简单留言框

Posted 2020-09-22 IT-忐忑

　　我们在网页浏览时退出后，再次进入时会有上次的记录，这就用的上cookie属性了，cookie就是服务器暂存放在你计算机上的一笔资料，好让服务器用来辨认你的计算机。当你在浏览网站的时候，Web服务器会先送一小小资料放在你的计算机上，Cookie 会帮你在网站上所打的文字或是一些选择，都记录下来。当下次你再光临同一个网站，Web服务器会先看看有没有它上次留下的Cookie资料，有的话，就会依据Cookie里的内容来判断使用者，送出特定的网页内容给你。 

　　废话不多说，我们来用一个小案例来看看吧；

　　我们先要在body里设置一个留言框标签设置上id，然后在js里获取一下留言框，之后我们就要我们的本地服务器上设置上cookie了

　　function setCookie(name,value,iDay){
　　//name ： 属性名称
　　//value ：属性值
　　//iDay ：保留时间
　　//测试一下有没有保留时间
　　if(iDay){
　　//有保留事件，获取一下系统时间
　　var oDate = new Date();
　　//获取一下当天时间，好设置结束时间
　　oDate.setDate(oDate.getDate() + iDay);
　　//将获取的各项指设置在网页上
　　document.cookie = ‘‘ + name + ‘=‘ + value + ‘;path=/;expires=‘ + oDate + ‘‘;
　　}else{
　　//将获取的各项指设置在网页上
　　document.cookie = ‘‘ + name + ‘=‘ + value + ‘; path=/‘;
　　}
　　}
　　

　　以下就是设置获取本地服务器中的cookie数据的
　　//获取一条cookie数据
　　function getCookie(name){
　　//将cookie值用;分开
　　var arr = document.cookie.split(‘; ‘);
　　//循环arr将每个设置上分隔
　　for(var i = 0; i < arr.length; i++){
　　var arr1 = arr[i].split(‘=‘);
　　if(arr1[0] == name){
　　return arr1[1];
　　}
　　}
　　return ‘‘;
　　}

　　根据上面的代码来分析我们只需要将留言框中的value值设置在本地服务器上

　　txt.onkeyup = function(){
　　setCookie("txt",txt.value);
　　}

　　注意我们不能设置键盘按下的shijian事件，因为键盘按下事件只能记录上键盘按下之前的记录。

　　然后我们要将本地服务器中的记录获取并设置到网页的留言框中。

　　txt.value = getCookie("txt");

　　这样一个简单的cookie的简单留言框就出炉了。

　　还有最重要的一点就是别忘了在有服务器下来运行cookie；