zoukankan      html  css  js  c++  java
  • 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;

  • 相关阅读:
    二分 || UOJ 148 跳石头
    等边n边型
    激光样式
    n个数中选k个数和为sum
    引爆炸弹
    光盘行动
    (二分)分蛋糕问题
    总结
    个人测试
    第三次团队作业
  • 原文地址:https://www.cnblogs.com/Z-Xin/p/6994987.html
Copyright © 2011-2022 走看看