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代码
Aug 17 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
JavaScript作用域链示例分享
May 27 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
超精准的javascript验证身份证号的具体实现方法
Nov 18 Javascript
Bootstrap按钮组简单实现代码
Mar 06 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
May 05 Javascript
回顾Javascript React基础
Jun 15 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
vue 页面回退mounted函数不执行的解决方案
Jul 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
php中的mongodb select常用操作代码示例
2014/09/06 PHP
Nginx下配置codeigniter框架方法
2015/04/07 PHP
编写PHP脚本清除WordPress头部冗余代码的方法讲解
2016/03/01 PHP
项目中应用Redis+Php的场景
2016/05/22 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
2010/11/11 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
2011/09/12 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
js实现遮罩层划出效果是生成div而不是显示
2014/07/29 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
2014/10/31 Javascript
初识Node.js
2015/03/20 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
2017/10/19 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
详解从NodeJS搭建中间层再谈前后端分离
2018/11/13 NodeJs
如何手写一个简易的 Vuex
2020/10/10 Javascript
python利用beautifulSoup实现爬虫
2014/09/29 Python
python实现计算资源图标crc值的方法
2014/10/05 Python
Python列表计数及插入实例
2014/12/17 Python
Python常用算法学习基础教程
2017/04/13 Python
Django中的静态文件管理过程解析
2019/08/01 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
行政主管岗位职责
2013/11/18 职场文书
违反校纪校规检讨书
2014/02/15 职场文书
竞选班长的演讲稿
2014/04/24 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
师德师风个人整改措施
2014/10/27 职场文书
XX部保密工作制度范本
2019/08/27 职场文书