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;
最新文章
- TRUNCATE TABLE (Transact-SQL)
- DDD领域驱动设计之运用层代码
- Ubuntu 系统下 mongodb 安装和配置
- in_array函数的第三个参数 strict
- FlatBuffers要点
- JS中的replace方法以及与正则表达式的结合应用
- XML中 添加或修改时 xmlns=";"; 怎么删除
- 红米 Note3 (kenzo)刷入 Lineage OS
- VMware下安装centos7及网络配置
- 【npm】伙计,给我来一杯package.json!不加糖
- C# 调用线程并行上下文穿透-ILogicalThreadAffinative+CallContext
- Ext.js项目(一)
- python第四十四课——继承性之单继承
- python第二十九课——文件读写(复制文件)
- SQL Server SqlCacheDependency 缓存依赖
- iOS中表视图单元格事件用nib和storyboard的两种写法总结
- tomcat关闭后没有及时释放内存资源
- 【Python】Python 读取csv的某行或某列数据
- 206. Reverse Linked List + 92. Reverse Linked List II
- [spring]Bean注入——使用注解代替xml配置
热门文章
- css hacks
- 状压dp Mondriaan&;#39;s Dream poj2411
- 如何给app客户端进行埋点?
- unity5, UI Button ";On Button Down";
- Failure [INSTALL_FAILED_OLDER_SDK] [每件问题100块]
- SQL 查询结果为 XML
- 点滴积累【C#】---操作xml,将xml数据显示到treeview
- vivado设计四:自定义IP核测试
- windows下控制台程序更改图标和加载资源文件
- 开源Bug管理系统Redmine安装和使用心得