cookie的简单留言框

Posted IT-忐忑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cookie的简单留言框相关的知识,希望对你有一定的参考价值。

  我们在网页浏览时退出后,再次进入时会有上次的记录,这就用的上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;

以上是关于cookie的简单留言框的主要内容,如果未能解决你的问题,请参考以下文章

Web Storage的使用实例——简单web留言本

JS做简单的留言板

使用JavaScript Cookie的简单购物车

隐藏 div 24hr cookie javascript? [关闭]

vue中使用cookie记住用户上次选择(本次例子中为下拉框)

急求一个PHP的简单的留言板,输入临时名字 然后输入留言提交就可以显示在页面的