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

最新文章

  1. TRUNCATE TABLE (Transact-SQL)
  2. DDD领域驱动设计之运用层代码
  3. Ubuntu 系统下 mongodb 安装和配置
  4. in_array函数的第三个参数 strict
  5. FlatBuffers要点
  6. JS中的replace方法以及与正则表达式的结合应用
  7. XML中 添加或修改时 xmlns=&quot;&quot; 怎么删除
  8. 红米 Note3 (kenzo)刷入 Lineage OS
  9. VMware下安装centos7及网络配置
  10. 【npm】伙计,给我来一杯package.json!不加糖
  11. C# 调用线程并行上下文穿透-ILogicalThreadAffinative+CallContext
  12. Ext.js项目(一)
  13. python第四十四课——继承性之单继承
  14. python第二十九课——文件读写(复制文件)
  15. SQL Server SqlCacheDependency 缓存依赖
  16. iOS中表视图单元格事件用nib和storyboard的两种写法总结
  17. tomcat关闭后没有及时释放内存资源
  18. 【Python】Python 读取csv的某行或某列数据
  19. 206. Reverse Linked List + 92. Reverse Linked List II
  20. [spring]Bean注入——使用注解代替xml配置

热门文章

  1. css hacks
  2. 状压dp Mondriaan&amp;#39;s Dream poj2411
  3. 如何给app客户端进行埋点?
  4. unity5, UI Button &quot;On Button Down&quot;
  5. Failure [INSTALL_FAILED_OLDER_SDK] [每件问题100块]
  6. SQL 查询结果为 XML
  7. 点滴积累【C#】---操作xml,将xml数据显示到treeview
  8. vivado设计四:自定义IP核测试
  9. windows下控制台程序更改图标和加载资源文件
  10. 开源Bug管理系统Redmine安装和使用心得