<html>
<head>
<title> 浏览器端Cookie Demo </title>
<script language="javascript">
var flag = true; //假设用户已经登陆过 Cookie信息仍然存在
//设置浏览器端Cookie信息
function setCookie(key,value,minute){
var dt = new Date(); //当前时间
dt.setMinutes(dt.getMinutes()+minute); //当期分钟加上要保留的分钟数
document.cookie = key+"="+escape(value)+";expires="+dt.toGMTString();
}
//得到Cookie
function getUserCookie(userName){
//浏览器端的cookie长度
if(document.cookie.length>0){
//通过用户名找到cookie键值对位置 例如 name=simon
var startindex = document.cookie.indexOf(userName+"="); //起始位置
var endindex ; //cookie字符串结束位置
if(startindex!=-1){
startindex = startindex+userName.length+1; //等号后的字符串为用户名称
endindex = document.cookie.indexOf(";",startindex); //分号结束
if(endindex==-1){ //如果没有分号 就是一个cookie
endindex = document.cookie.length;
}
//取得cookie字符串 并且实施解码
var name = unescape(document.cookie.substring(startindex,endindex));
return name;
}
}else{
return "";
}
}
//检查这个用户以前是否登录过
function checkLoginUser(){
var userName = getUserCookie('loginname'); //查询浏览器端是否存储 loginname这个cookie键
var objLbl = document.getElementById("lblInfo");
//对象存在 且不为空
if(userName!=null && userName!=""){
flag = true;
objLbl.innerHTML="<font color='red'>"+userName+",欢迎回来!</font>";
}else{
flag = false;
objLbl.innerHTML="<font color='red'>请用户登录 !</font>";
}
}
//登录验证并保存cookie信息
function loginSite(){
if(flag){
return;
}else{
var objName = document.getElementById("name");
var objPwd = document.getElementById("password");
if(objName.value!="simon" && objPwd.value!="simon"){
alert("用户或密码不正确!");
}else{
//设置Cookie
setCookie("loginname",objName.value,1); //1分钟
alert("登录成功");
}
}
}
</script>
</head>
<body onLoad="checkLoginUser()">
<form action="#" method="post" >
<label id="lblInfo">请用户登录 !</label>
Name: <input type="text" id="name" >
Password: <input type="password" id="password">
<input type="button" value="Login in" onClick="loginSite()">
</form>
</body>
</html>
分享到:
相关推荐
cookies.js - 让使用javascript超级简单得操作cookies在前端
js javascript cookie 类 操作
js操作cookies
cookie.js:一个微小的JavaScript库,简化了Cookies操作
js操作cookies类.pdf
javascript 操作cookies及正确使用cookies的属性.docx
javascript对cookies的操作
javascript 操作cookies详解及实例.docx
js操作cookies类[文].pdf
为方便客户端脚本JavaScript操作cookies,鄙人特汇总了一下操作函数,包括cookies的临时会话创建,指定过期时间创建,获取值,删除cookies等函数。有其它建议的欢迎留言!
【JavaScript】cookies操作详解
一直都是简单去js实现cookie的一些操作,今天把js对cookie操作系统的整理了一遍,包括:js读取cookie,js添加cookie,js删除cookie
Cookies.js 是一个客户端的 Cookie 操作的 JavaScript 库。 示例代码: // Setting a cookie value Cookies.set('key', 'value'); // Chaining sets together Cookies.set('key', 'value').set('hello', 'world'...
javascript 操作cookies详解 这段操作cookies的方法我使用很久了,但是一直一来没遇到什么问题,今天在做一个在第一个页面保存了cookies,第二个页面获取或者第三个页面获取的功能中,发现了方法的局限性,比如,第...
【资源介绍】: 【备注】: 亲爱的下载用户: 谢谢您光临CSDN阿Q资源中心! 如果您有不清楚的问题或者建议,请您通过以下方式联系我,我随时在线为您解答难题,再次谢谢您光临www.web-java.com。...
一、从写 cookie 说起。 var the_date = new Date(“December 31, 2020”); var expiresDate = the_date.toGMTString(); [removed] = “userDefineCSS=” + escape(title) + “; expires=” + expiresDate;...