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 相关文章推荐
javascript编程起步(第一课)
Jan 10 Javascript
javaScript如何处理从java后台返回的list
Apr 24 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
Sep 26 Javascript
js实现新年倒计时效果
Dec 10 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
jQuery实现手势解锁密码特效
Aug 14 jQuery
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
Angular6 写一个简单的Select组件示例
Aug 20 Javascript
vue3.0实现点击切换验证码(组件)及校验
Nov 18 Vue.js
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 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
3种平台下安装php4经验点滴
2006/10/09 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
php文件上传简单实现方法
2015/01/24 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
PHP回调函数简单用法示例
2019/05/08 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
Javascript的无new构建实例详解
2016/05/15 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
2016/08/24 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
Layui弹出层 加载 做编辑页面的方法
2019/09/16 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
Python检测字符串中是否包含某字符集合中的字符
2015/05/21 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
浅谈python 中的 type(), dtype(), astype()的区别
2020/04/09 Python
小结Python的反射机制
2020/09/28 Python
利用Python发送邮件或发带附件的邮件
2020/11/12 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
请写出 BOOL flag 与"零值"比较的 if 语句
2016/02/29 面试题
预防传染病方案
2014/06/14 职场文书
经典毕业生求职信
2014/07/12 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
六一儿童节开幕词
2015/01/29 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
2015年女职工工作总结
2015/05/15 职场文书