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_14_函数形式参数与arguments
Oct 20 Javascript
uploadify 3.0 详细使用说明
Jun 18 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
javascript去除空格方法小结
May 21 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
JavaScript常用字符串与数组扩展函数小结
Apr 24 Javascript
ionic实现带字的toggle滑动组件
Aug 27 Javascript
基于jQuery实现表格的排序
Dec 02 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 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插入排序实现代码
2013/04/04 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
PHP7 foreach() 函数修改
2021/03/09 PHP
javascript 多级checkbox选择效果
2009/08/20 Javascript
JS往数组中添加项性能分析
2015/02/25 Javascript
轻量级的原生js日历插件calendar.js使用指南
2015/04/28 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
web打印小结
2017/01/11 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
jQuery实现动态生成年月日级联下拉列表示例
2019/05/11 jQuery
js+canvas实现简单扫雷小游戏
2021/01/22 Javascript
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
python实现搜索文本文件内容脚本
2018/06/22 Python
详解PyTorch手写数字识别(MNIST数据集)
2019/08/16 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
pygame实现飞机大战
2020/03/11 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
python切割图片的示例
2020/11/12 Python
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
阿玛尼意大利官网:Armani意大利
2018/10/30 全球购物
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
建筑结构施工专业推荐信
2014/02/21 职场文书
制冷与空调专业毕业生推荐信
2014/07/07 职场文书
2014年教师德育工作总结
2014/11/10 职场文书
个人年终总结结尾
2015/03/06 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL
Python 键盘事件详解
2021/11/11 Python
vue 自定义组件添加原生事件
2022/04/21 Vue.js