js 封装设计cookie
2024-09-23 19:43:57
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"<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>最新文章
- redhat7 修改hostname
- easyui datagrid cell title换行
- Java keytool 使用总结
- UVA 796 - Critical Links （求桥）
- ios开发——实用技术OC篇》倒计时实现的两种方法
- 使用 collectionView 实现表头,区头,区尾
- 十七、mysql 分区之 锁问题
- Windows下Apache部署Django过程记录
- c语言实现tree数据结构
- C++算术运算符与算术表达式
- PDF解决方案（4）--在线浏览
- 使用java实现阿里云消息队列简单封装
- c++学习路线连接
- 5.1、按键SW1控制LED1亮灭
- apache环境之困扰，Rewrite导致无法加载多个不同的.html文件
- history 基本用法
- 查看Jira 使用的H2数据库 数据结构以及内容的方法
- 【hh】我胡汉三又回来了
- easy-animation | Animation for Sass
- day7面向对象--反射