js 封装设计cookie

最新推荐文章于 2024-07-18 13:52:01 发布

weixin_30747253

最新推荐文章于 2024-07-18 13:52:01 发布

阅读量53

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/freddyhuang/p/5914524.html

版权

http://www.imooc.com/article/12700<!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>

参考：：zhuhttp://www.jb51.net/article/75463.htm 
 
  <!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>

转载于:https://www.cnblogs.com/freddyhuang/p/5914524.html

weixin_30747253

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 封装设计cookie

http://www.imooc.com/article/12700<!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/...
复制链接

扫一扫