<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>
分享到：
相关推荐
总结来说，`js操作cookies类.pdf`提供了JavaScript操作Cookies的一个自定义类实现，包括了加载、保存、获取Cookies数量以及创建新Cookies的基本功能。这个类可以帮助开发者更加方便地管理用户浏览器中的Cookies数据...
在JavaScript中操作Cookies，意味着我们可以读取、创建或删除Cookies，从而实现更加动态和个性化的网页体验。 ### 一、读取Cookies 在给定的部分内容中，`getCookie`函数用于从用户浏览器中读取特定名称的Cookie。...
标题"cookiesjs让使用javascript超级简单得操作cookies在前端"和描述"cookies.js - 让使用javascript超级简单得操作cookies在前端"都指向一个名为`cookies.js`的库，这是一个专为前端JavaScript开发设计的库，旨在...
然而，原生JavaScript操作Cookie的方法相对繁琐，涉及`document.cookie`字符串的解析和构建，这在处理复杂场景时容易出错。 Cookie.js的出现，就是为了简化这一过程。它提供了一系列链式方法，如`.get()`、`.set()`...
这个“js操作cookies类”文档介绍了一个JavaScript类，用于简化Cookies的操作，包括读取、写入和管理Cookies。以下是这个类的一些主要功能和方法的详细解释： 1. **Array.prototype.splice函数重写**： 这个类首先...
JavaScript中的Cookie操作是Web开发中常见的一种数据存储方式，它允许在用户浏览器中保存少量的数据。这个类（CookieClass）提供了对Cookie进行创建、修改、读取和删除的方法。以下是对这个类及其方法的详细解释： ...
### JavaScript 操作 Cookies 详解及实例 #### 一、引言 Cookies 是 Web 开发中一个重要的技术点，主要用于在客户端存储数据。通过使用 JavaScript，开发者可以在浏览器端方便地读取、设置或删除 Cookies，这对于...
此外，Cookies可以通过HTTP请求被发送到服务器，因此敏感信息不应存储在Cookies中，以防被拦截。 六、Demo 压缩包中的"demo"可能包含了一个简单的示例代码，演示了如何使用JavaScript进行Cookies的操作。实际应用中...
### JavaScript 操作 Cookies 及正确使用 Cookies 的属性 #### 一、Cookies 概述 Cookies 是一种用于在用户浏览器上存储小型数据的技术，通常用于跟踪用户的偏好设置、身份验证状态等。通过 JavaScript，开发者...
首先，我们要理解JavaScript中操作cookies的基本方法。`document.cookie` 是一个字符串，包含了所有已设置的cookies。要设置一个新的cookie，我们需要构造一个包含键值对的字符串，然后添加到期时间、路径和域等选项...
以上就是JavaScript操作cookies的基本方法。在实际应用中，可能还需要考虑其他因素，如安全性、跨域问题、存储大小限制等。例如，由于浏览器对单个cookie的大小和每个域名下的所有cookie数量有限制，因此在处理大量...
掌握如何用JavaScript操作cookies对于Web开发人员来说是非常重要的。 **读取Cookies** 在JavaScript中读取cookie的值，需要理解document.cookie对象返回的是一个字符串，它包含了当前域名下所有的cookie信息。读取...
"cookies.js插件"是一个专门用于JavaScript和jQuery环境下的插件，它提供了方便的方法来处理和操作浏览器中的cookies。这个插件旨在简化网页开发中对cookies的操作，使得开发者能够更加高效地管理用户的会话数据和...
内容js操作cookies,主要功能：添加cookies、读取cookies、删除cookies
首先，我们来了解JavaScript操作cookies的基本原理。Cookies是存储在用户本地的小文本文件，由Web服务器通过HTTP响应头发送给用户的浏览器，然后浏览器将这些数据存储在用户的计算机上。每当浏览器请求同一个服务器...
在这个购物车项目中，JS主要用于在用户添加商品到购物车时，将商品信息（如商品ID、数量等）存储在浏览器的Cookies中。这是因为当用户关闭并重新打开网页时，Cookies能帮助我们记住他们之前的选择。 Cookies是小型...
本篇文章将详细讲解JavaScript操作Cookies的方法和应用场景。 一、Cookies的基本原理 Cookies是由服务器端设置，并由客户端（浏览器）存储的小型文本文件。每个Cookie都有一个唯一的名称和值，以及可选的属性，如...