当前位置: 首页 > 编程笔记 >

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

凌轶
2023-03-14
本文向大家介绍js使用cookie记录用户名的方法,包括了js使用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 cookie基础应用之记录用户名的方法,包括了javascript cookie基础应用之记录用户名的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript cookie基础应用之记录用户名的方法。分享给大家供大家参考,具体如下: 前面有一篇关于cookie基础的文章,封装了 cookie.js,下面我们通过一个实例来应用这个 js。

  • 本文向大家介绍轻量级JS Cookie插件js-cookie的使用方法,包括了轻量级JS Cookie插件js-cookie的使用方法的使用技巧和注意事项,需要的朋友参考一下 Cookie是网站设计者放置在客户端的小文本文件,一般后台语言使用的比较多,可以实现用户个性化的一些需求。js-cookie插件是一个JS操作cookie的插件,源文件只有3.34 KB,非常轻量级。js-cookie也支持

  • 问题内容: 我想重写我的日志记录类,我想知道如何在一个快速文件中替换 PRETTY_FUNCTION 或NSStringFromSelector(_cmd)以便跟踪方法调用? 问题答案: 查看我刚刚发布的新库:https://github.com/DaveWoodCom/XCGLogger 这是Swift的调试日志记录库。 能够使用宏的关键是将它们设置为日志记录功能的默认值。然后,编译器将使用期望

  • 本文向大家介绍JS操作COOKIE实现备忘记录的方法,包括了JS操作COOKIE实现备忘记录的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS操作COOKIE实现备忘记录的方法。分享给大家供大家参考,具体如下: 具体涉及JS针对cookie的写入与获取操作,代码如下: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《Jav

  • 本文向大家介绍js操作cookie保存浏览记录的方法,包括了js操作cookie保存浏览记录的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js操作cookie保存浏览记录的方法。分享给大家供大家参考,具体如下: 说明:最近做了一个功能,记录用户浏览过的产品页面。我的思路是,客户每次进入产品页面,就自己调用JS把产品信息以json的形式保存到cookie里面。 浏览记录的显示是从co

  • 本文向大家介绍JavaScript使用cookie记录临时访客信息的方法,包括了JavaScript使用cookie记录临时访客信息的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript使用cookie记录临时访客信息的方法。分享给大家供大家参考。具体分析如下: 这里用户第一次访问网页时会提示用户输入一个昵称,然后写入cookie,当用户再次来到时会读取cookie信息