js使用cookie记录用户名的方法

 更新时间:2015年11月26日 12:13:34   作者:yexingwen  
这篇文章主要介绍了js使用cookie记录用户名的方法,通过完整实例形式分析了JavaScript针对cookie的创建、赋值及删除等操作技巧,以及通过cookie记录用户登录信息的方法,需要的朋友可以参考下

本文实例讲述了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使用canvas实现饼状图效果

    javascript使用canvas实现饼状图效果

    这篇文章主要为大家详细介绍了javascript使用canvas实现饼状图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • javascript 闭包详解及简单实例应用

    javascript 闭包详解及简单实例应用

    这篇文章主要介绍了javascript 闭包详解及应用的相关资料,需要的朋友可以参考下
    2016-12-12
  • Javascript原型链的原理详解

    Javascript原型链的原理详解

    这篇文章主要介绍了Javascript原型链的原理,结合实例形式深入分析了JavaScript原型链的原理与使用技巧,需要的朋友可以参考下
    2016-01-01
  • 微信小程序中吸底按钮适配iPhone X方案

    微信小程序中吸底按钮适配iPhone X方案

    这篇文章主要介绍了微信小程序中吸底按钮适配iPhone X方案,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11
  • 理解JavaScript中window对象的一些用途

    理解JavaScript中window对象的一些用途

    这篇文章主要介绍了理解JavaScript中的window对象,本文通过实例代码详细介绍Window对象的一些重要用途,需要的朋友可以参考下
    2022-07-07
  • 小程序自定义日历效果

    小程序自定义日历效果

    这篇文章主要为大家详细介绍了小程序自定义日历效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • uniapp中获取位置信息处理步骤

    uniapp中获取位置信息处理步骤

    在uniapp中获取位置信息处理,要兼容用户同意授权、拒绝授权情况下,最终能成功获取到位置信息的,本文给大家介绍uniapp中获取位置信息处理步骤,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • Javascript 闭包引起的IE内存泄露分析

    Javascript 闭包引起的IE内存泄露分析

    Javascript 闭包引起的IE内存泄露分析,js_obj是一个DOM元素的引用,DOM元素它长期在网页当中,不会消失,而这个DOM元素的一属性
    2012-05-05
  • 使用Nginx部署前端项目的详细步骤记录

    使用Nginx部署前端项目的详细步骤记录

    在实际开发中我们通常会使用Nginx来部署前端静态页面,以提供快速访问速度和良好的用户体验,这篇文章主要给大家介绍了关于使用Nginx部署前端项目的详细步骤,需要的朋友可以参考下
    2024-08-08
  • 利用Javascript仿Excel的数据透视分析功能

    利用Javascript仿Excel的数据透视分析功能

    这篇文章给大家介绍了如何利用Javascript实现类似Excel的数据透视分析功能,感兴趣的朋友们可以参考借鉴,下面来一起看看吧。
    2016-09-09

最新评论