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;

时间: 2024-08-27 06:58:21

cookie的简单留言框的相关文章

LocalStorage 本地存储 做一个简单留言板

二话不说,先上代码: 1 <body> 2 <div><textarea id="trCon" cols="30" rows="10"></textarea></div> 3 <div><input type="button" value="发表" onclick="PostCon()"><inpu

scrapy带cookie登录简单的网站

在爬数据的时候,登录一直是一个比较麻烦的问题.我也一直在网上找过各种资料,都挺麻烦的,因为需要分析各种http过程,感觉太麻烦了. 不过最近在一个同学的帮助下,找到了使用cookie登录的方法.因为带cookie登录的话,server会认为你是一个已登录的用户,所以就会返回给你一个已登录的内容 本文介绍的方法,是使用python的scrapy框架登录的方法.而且也只能登录一些比较简单的网站,对于那种大型的网站,因为目前我也还没有验证过,所以不敢保证.但是经过验证,登录豆瓣是万试万灵的. 1. 获

Cookie的简单使用

Cookie的简单使用 程序逻辑: index.jsp用来输入和处理Cookie和取得Cookie(不知道是内存还客户端的) 用show.jsp来接收表单数据和Cookie ,再发送Cookie 给客户端. index.jsp页面 <%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%> <!DOCTYPE html PU

php批量删除cookie的简单实现方法

这篇文章主要介绍了php批量删除cookie的简单实现方法,实例分析了删除单个cookie及数组遍历的方式批量删除cookie的技巧与相关注意事项,需要的朋友可以参考下 本文实例讲述了php批量删除cookie的简单实现方法.分享给大家供大家参考.具体实现方法如下: <?php //删除单个cookie:键值设置为空.时间设置为过期了的时间 setCookie("name","",time()-60); //删除多个cookie,采用遍历数组方式 foreac

.net对Cookie的简单操作

1 声明:HttpCookie MyCookie= new HttpCookie("test"); 2增加:MyCookie.Values.Add("key1", "value1");//key1是键名,value1是值 3过期:MyCookie.Expires = DateTime.Now.AddDays(1);//一天之后过期.也可以设置一个负值,让Cookie立即失效 4添加到客户端:Response.AppendCookie(NewCoo

JS使用cookie实现DIV提示框只显示一次的方法

本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法.分享给大家供大家参考,具体如下: 这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二次自动隐藏起来,很好的提升了用户体验,不会使用户烦感:利用Cookies,我们还可做超多的事情,慢慢体会吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-cookie-div-dlg-show-once-cod

跳转时候采用的简单进度框

public static void showProgress(Context context, String message) { proDialog = new ProgressDialog(context); proDialog.setMessage(message); proDialog.setCanceledOnTouchOutside(false); proDialog.show(); } public static void showProgress(Context context

Spring Boot + MyBatis + Thymeleaf实现简单留言板应用

Spring Boot + MyBatis + Thymeleaf实现简单留言板应用 本项目主要介绍使用Spring Boot + MyBatis + Thymeleaf + Bootstrap来实现一个简单的增删改查(CRUD)留言板应用.高阶人士可以直接跳过. 源代码:https://github.com/qingwenwei/spring-boot-crud-example 功能介绍 发表帖子.帖子列表 编辑帖子 使用Spring Initializr构建项目 Spring Initial

cookie的简单使用(1)

cookie是http协议头的组成部分,必须在页面的其他内容出现之前发送.所以在设置cookie之前不能有任何文本输出,包括HTML标记.输出语句以及空白行. 一旦cookie被建立,那么下一次访问页面时,cookie就会通过_COOKIE或HTTP_COOKIE_VARS数组加载. 函数setcookie的作用是用来发送一个cookie.它的用法如下: bool setcookie ( string $name [, string $value [, int $expire = 0 [, st