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 相关文章推荐
详细讲解JS节点知识
Jan 31 Javascript
关于juqery radio写法的兼容性问题(新老版本jquery)
Jun 14 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
jQuery CSS()方法改变现有的CSS样式
Aug 20 Javascript
JS运动基础框架实例分析
Mar 03 Javascript
手机图片预览插件photoswipe.js使用总结
Aug 25 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
总结几道关于Node.js的面试问题
Jan 11 Javascript
基于vue中keep-alive缓存问题的解决方法
Sep 21 Javascript
微信小程序http连接访问解决方案的示例
Nov 05 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
Sep 11 Javascript
Vue中错误图片的处理的实现代码
Nov 07 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
php 随机数的产生、页面跳转、件读写、文件重命名、switch语句
2009/08/07 PHP
php常用的url处理函数总结
2014/11/19 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
php获取网站百度快照日期的方法
2015/07/29 PHP
Laravel中validation验证 返回中文提示 全局设置的方法
2019/09/29 PHP
获取JavaScript用户自定义类的类名称的代码
2007/03/08 Javascript
javascript parseInt与Number函数的区别
2010/01/21 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
JavaScript 冒泡排序和选择排序的实现代码
2016/09/03 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
vue实现商品加减计算总价的实例代码
2018/08/12 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
2020/12/09 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
Python设计足球联赛赛程表程序的思路与简单实现示例
2016/06/28 Python
Python 判断是否为质数或素数的实例
2017/10/30 Python
Python单元和文档测试实例详解
2019/04/11 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
Django中的用户身份验证示例详解
2019/08/07 Python
Python使用python-docx读写word文档
2019/08/26 Python
英国123鲜花网站:123 Flowers
2019/07/07 全球购物
项目副经理岗位职责
2013/12/30 职场文书
科学发展观标语
2014/10/08 职场文书
夫妻分居协议书范本(有子女版)
2014/11/01 职场文书
会计工作岗位职责
2015/02/03 职场文书
MySQL 如何限制一张表的记录数
2021/09/14 MySQL
Java中API的使用方法详情
2022/04/06 Java/Android