注：参考 《JavaScript权威指南》第十六章 脚本化cookie
实现功能：将用户名存入到cookie中，关闭浏览器后，再次访问页面，可以取出cookie中值，进行相关验证性操作。（本例是对cookie的学习记录，仔细阅读，可了解关于cookie的基本应用。）
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cookie的存储和读取</title>
</head>
<body>
<h3><b>Cookie的存储和读取</b></h3>
<form name="cookieForm">
<table border="1">
<tr>
<td>用户名：</td>
<td><input type="text" name="userName" size="25"></td>
</tr>
<tr>
<td>密码：</td><td><input type="password" name="password" size="27"></td>
</tr>
<tr>
<td>操作</td>
<td>
<input type="button" value="存储Cookie" onclick="savaCookie()">
<input type="button" value="读取Cookie" onclick="readCookie()">
</td>
</tr>
</table>
</form>
</body>
<script type="text/javascript"><!--
function savaCookie(){
var userName = document.cookieForm.userName.value;
//userName 用户名
var password = document.cookieForm.password.value;
//password 密码
var nextyear = new Date();
nextyear.setFullYear(nextyear.getFullYear()+1);
//nextyear 打印格式为 2011
var lastModified = document.lastModified;
//version 更改版本 lastModified打印格式为 05/27/2011 17:00:24
var cookieString= "userName="+ escape(userName)
+ ";password=" + escape(password) + ";version="
+ escape(lastModified) + ";expires=" + nextyear.toGMTString();
document.cookie =cookieString;
alert(cookieString);
}
function readCookie(){
var allcookies=document.cookie;
//读cookie属性。返回文档所有的cookie。
var posOfName = allcookies.indexOf("userName=");
//查找名为"userName"的开始位置。
if(posOfName!=-1){
var startOfName = posOfName+"userName=".length;
//cookie的值的开始
var endOfName = allcookies.indexOf(";",startOfName);
//cookie的值的结尾
if(endOfName == -1) endOfName = allcookies.length;
var nameValue = allcookies.substring(startOfName,endOfName);
nameValue = unescape(nameValue);
if(nameValue != "wuyechun"){
alert("非法用户");
}else{
alert("合法用户");
}
}
}
</script>
</html>
效果图：
说明：
1、输入用户名"wuyechun"，点击"存储cookie"，点击"读取cookie"。弹出对话框“合法用户”；
2、关闭浏览器，重新打开，点击"读取cookie"。弹出对话框“合法用户”；
3、点击"存储cookie"，是将用户名"wuyechun"存入了cookie中，即使关掉了浏览器，再次打开，通过“读取cookie”读取了用户名，进行了判断。
看看本机中的cookie文件：
分享到：
相关推荐
本文将详细探讨`jquery.cookie.js`的使用方法，包括如何读取和存储Cookie。 ### 1. 安装和引入 首先，你需要下载`jquery.cookie.js`文件，然后在HTML文档中通过`<script>`标签引入。确保jQuery库已经加载，因为`...
在JavaScript中，我们可以通过`document.cookie`属性来读取和设置Cookie。然而，这个属性并不直接支持设置多个参数，所以通常需要自定义函数来处理： ```javascript var CookieUtil = { set: function(name, ...
在Web开发中，Cookie是一种非常重要的技术，用于在客户端存储少量的数据，比如用户登录状态。当我们访问一个网站并登录后，服务器通常会在我们的浏览器中设置一个或多个Cookie，这些Cookie包含了用户的身份验证信息...
在JavaScript中，Cookie是一种在客户端存储少量数据的机制，它对于网页应用的用户状态管理和临时存储信息具有重要作用。本文将详细讲解如何封装一个Cookie操作类，实现对Cookie的增删改查功能。 首先，理解Cookie的...
总结起来，C#和JavaScript在处理Cookie时各有其特点：C#在服务器端创建和管理Cookie，而JavaScript在客户端进行读取、修改和删除操作。这种协同工作模式在许多Web应用中都十分常见，尤其在需要进行用户状态追踪和...
JavaScript提供了操作Cookie的原生方法，能够实现创建Cookie和读取Cookie的功能。以下详细知识点将围绕JavaScript中如何创建和读取Cookie来进行深入介绍。 ### 创建Cookie 创建Cookie的基本语法非常简单，只需要对...
总结一下，XCookie是一个实用的JavaScript库，用于简化浏览器cookie的管理工作，它提供了一组易于理解和使用的API，涵盖了创建、读取、更新和删除cookie的各种操作。了解和掌握这个框架将有助于提高前端开发的效率，...
在JavaScript中，由于Cookie的大小限制（通常为4KB）和只能存储字符串的特性，直接存储Array可能会遇到一些挑战。 1. 序列化Array 要在Cookie中存储Array，首先需要将Array转换为字符串。JavaScript提供了`JSON....
作为客户端库，它使得开发者无需后端服务器参与就能创建、读取、更新和删除Cookie，增强了前端应用对用户状态的管理能力。 **标签解析：** "JavaScript开发-其它杂项" 暗示了Cookies.js是JavaScript开发工具的一...
在网络安全领域，Cookie是Web应用用来存储用户状态和信息的一种机制。然而，随着网络攻击手段的不断升级，Cookie的安全性也成为了关注的重点。XSS（Cross-Site Scripting，跨站脚本）攻击就是其中一种常见威胁，它...
在这个Java工程中，尽管主要编程语言是Java，但JavaScript用于前端页面与用户的交互，包括创建、读取和删除Cookie。 首先，我们需要理解Cookie的基本概念。一个Cookie由名称、值、过期时间、路径和域等属性组成。...
4. 对敏感信息加密：对存储在Cookie中的敏感信息进行加密，增强数据安全性。 总结，Cookie在.NET开发中扮演着重要的角色，用于存储和传递客户端状态信息。正确地操作和读取Cookie能帮助我们实现各种功能，如用户...
在引导页面上，用户的行为被视为对第三方网站的主动访问，从而允许浏览器存储和读取cookie。在示例代码中，使用jQuery的`browser`插件检测浏览器类型，并根据`reflag`参数判断是否需要跳转至引导页面。引导页面上的...
本文将深入探讨如何利用这两种技术来实现对cookie的操作，包括添加、删除、修改和读取。 首先，我们要理解cookie的基本概念。Cookie是服务器发送到用户浏览器并存储在本地的一小段文本信息。它用于存储用户状态信息...
通过以上介绍和示例代码，我们可以了解到如何使用JavaScript读取Cookie的基本方法。在实际应用中，还需要注意Cookie的安全性和隐私问题，合理设置Cookie的有效期限、安全标志等属性，确保用户数据的安全。此外，还...
读取cookie则相对简单，因为`document.cookie`返回的是所有cookie的字符串，需要解析这个字符串来获取特定的键值对： 1. 分割`document.cookie`得到单个cookie字符串数组，每个字符串以分号`;`分隔。 2. 遍历数组，...
通过NSHTTPCookieStorage和UIWebView的JavaScript接口，开发者可以方便地管理用户的登录状态和其他基于Cookie的信息。然而，随着技术的发展，使用更现代的WKWebView和更安全的策略进行Cookie操作已成为趋势。
通过JavaScript，我们可以非常方便地对Cookie进行读取、存取以及删除等操作。 #### 二、核心功能解析 ##### 1. 读取Cookie 读取Cookie主要是为了获取存储在用户浏览器中的信息。例如，可以通过读取Cookie来判断...
总结，JavaScript Cookie是Web开发中不可或缺的一部分，用于在客户端持久化存储数据，理解其工作原理和使用方式对提升Web应用的功能和用户体验至关重要。在实际开发中，应合理利用Cookie，并注意相关的安全和性能...
综上所述，通过JavaScript和cookie的结合，可以轻松实现记住账号密码的功能，极大地提升了用户体验，同时也展示了Web开发中对用户状态管理的一种常见策略。然而，在实际应用中，为了安全性考虑，通常不会直接存储...