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操作word的参考代码
Oct 26 Javascript
JS OOP包机制,类创建的方法定义
Nov 02 Javascript
JavaScript 面向对象之命名空间
May 04 Javascript
js+css实现tab菜单切换效果的方法
Jan 20 Javascript
jqueryUI里拖拽排序示例分析
Feb 26 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
Aug 31 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
利用npm 安装删除模块的方法
May 15 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
JavaScript中变量提升和函数提升的详解
Aug 07 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
Aug 10 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
自动分页的不完整解决方案
2007/01/12 PHP
php实现水仙花数示例分享
2014/04/03 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
php实现复制移动文件的方法
2015/07/29 PHP
Yii全局函数用法示例
2017/01/22 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
JS图片放大效果简单实现代码
2016/09/08 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
js中apply和Math.max()函数的问题及区别介绍
2018/03/27 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
如何在vue 中使用柱状图 并自修改配置
2021/01/21 Vue.js
Python实现的最近最少使用算法
2015/07/10 Python
如何使用python爬取csdn博客访问量
2016/02/14 Python
Python3连接MySQL(pymysql)模拟转账实现代码
2016/05/24 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
对Python协程之异步同步的区别详解
2019/02/19 Python
HTML的form表单和django的form表单
2019/07/25 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
美国家具网站:Cymax
2016/09/17 全球购物
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
J2EE系统只能是基于web
2015/09/08 面试题
项目管理计划书
2014/01/09 职场文书
自主招生学校推荐信
2014/09/26 职场文书
计算机专业自荐信
2015/03/05 职场文书
企业战略合作意向书
2015/05/08 职场文书
学雷锋活动简报
2015/07/20 职场文书
离婚财产分割协议书
2015/08/11 职场文书
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python