js使用cookie记录用户名的方法


Posted in Javascript onNovember 26, 2015

本文实例讲述了js使用cookie记录用户名的方法。分享给大家供大家参考,具体如下:

cookie思路:当点击登录按钮时,把cookie存起来,再次访问的时候就读取cookie,即把txt的value设置之前存起来cookie的值就行。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function setCookie(name, value, iDay)
{
  var oDate=new Date();
  oDate.setDate(oDate.getDate()+iDay); //用来设置过期时间用的,获取当前时间加上传进来的iDay就是过期时间
  document.cookie=name+'='+value+';expires='+oDate;
};
function getCookie(name)
{
  var arr=document.cookie.split('; '); //多个cookie值是以; 分隔的,用split把cookie分割开并赋值给数组
  for(var i=0;i<arr[i].length;i++) //历遍数组
  {
    var arr2=arr[i].split('='); //原来割好的数组是:user=simon,再用split('=')分割成:user simon 这样可以通过arr2[0] arr2[1]来分别获取user和simon 
    if(arr2[0]==name) //如果数组的属性名等于传进来的name
    {
      return arr2[1]; //就返回属性名对应的值
    }
    return ''; //没找到就返回空
  }
};
function removeCookie(name)
{
  setCookie(name, 1, -1); //-1就是告诉系统已经过期,系统就会立刻去删除cookie
};
window.onload=function()
{
  var form=document.getElementById('form');
  var user=document.getElementsByName('user')[0];
  form.onsubmit=function()
  {
    setCookie('user', user.value, 14);
  };
  user.value=getCookie('user');
};
</script>
</head>
<body>
<form action="" id="form">
  用户名:<input type="text" name="user" /><br />
  密码:<input type="password" name="pass" /><br />
  <input type="submit" value="登录" />
</form>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jquery isEmptyObject判断是否为空对象的函数
Feb 14 Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
js树插件zTree获取所有选中节点数据的方法
Jan 28 Javascript
javascript变量声明实例分析
Apr 25 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
VueJs 搭建Axios接口请求工具
Nov 20 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 Javascript
微信小程序实现带放大效果的轮播图
May 26 Javascript
深入详解JS函数的柯里化
Jun 09 Javascript
Bootstrap每天必学之导航
Nov 26 #Javascript
js过滤HTML标签完整实例
Nov 26 #Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 #Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
Nov 26 #Javascript
Bootstrap每天必学之按钮
Nov 26 #Javascript
学习JavaScript设计模式(多态)
Nov 25 #Javascript
创建自己的jquery表格插件
Nov 25 #Javascript
You might like
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
2006/06/26 Javascript
防止页面被iframe(兼容IE,Firefox火狐)
2010/07/04 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
浅谈 javascript 事件处理
2015/01/04 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
vue组件内部引入外部js文件的方法
2020/01/18 Javascript
web.py在SAE中的Session问题解决方法(使用mysql存储)
2015/06/24 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
selenium+python 去除启动的黑色cmd窗口方法
2018/05/22 Python
python递归实现快速排序
2018/08/18 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
详解Python中Pyyaml模块的使用
2020/10/08 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
印度最大的酒店品牌网络:OYO Rooms
2016/07/24 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
三年大学自我鉴定
2014/01/16 职场文书
珠宝店促销方案
2014/03/21 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
个人道歉信大全
2019/04/11 职场文书
心得体会该怎么写呢?
2019/06/27 职场文书
一文搞懂redux在react中的初步用法
2021/06/09 Javascript
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android
mysql创建存储过程及函数详解
2021/12/04 MySQL