本文共 1700 字，大约阅读时间需要 5 分钟。
cookie与session是Web开发中常用的信息存储方式。Cookie是在客户端开辟的一块可存储用户信息的地方，而Session是在服务器内存中开辟的一块存储用户信息的地方。两者在数据存储的位置和使用场景上有显著区别。
JavaScript是运行在客户端的脚本，因此一般不能直接设置Session，因为Session是运行在服务器端的。而Cookie是运行在客户端的，因此可以通过JavaScript来设置Cookie。然而，使用JavaScript的全局变量或静态变量在页面跳转或关闭时，其值会随着页面重新加载而丢失，这种方式难以实现真正的数据持久化保存。
要解决这一问题，JavaScript可以通过设置Cookie来保存变量值。以下是设置和读取Cookie的基础知识和实践方法。
Cookie的值部分通常以键值对的形式存在，各个Cookie值之间用分号分隔。具体结构如下：
key=value;key2=value2;...
在JavaScript中，通过document.cookie属性可以访问和修改Cookie的值。
在A页面中通过JavaScript设置变量值到Cookie中，B页面可以通过读取该Cookie获取变量值。以下是设置Cookie的常用方式：
document.cookie = "name=" + encodeURIComponent(username) + ";Path=/";
此外，为了控制Cookie的过期时间，可以通过指定expires参数来设置有效期。例如，以下代码设置一个30天内有效的Cookie：
var expires = new Date();expires.setTime(expires.getTime() + 30 * 24 * 60 * 60 * 1000);document.cookie = "username=" + encodeURIComponent("jack") + ";Path=/;expires=" + expires.toGMTString(); 在B页面中，通过JavaScript读取A页面设置的Cookie值，可以直接访问document.cookie属性并解析其中的值。例如：
var username = document.cookie.split(";").find(function(item) { return item.split("=")[1] === "jack";}).split("=")[1]; 有时需要删除某个Cookie，可以通过设置其过期时间为过去的时间来实现：
var today = new Date();today.setTime(today.getTime() - 1);document.cookie = "username=" + encodeURIComponent("jack") + ";Path=/;expires=" + today.toGMTString(); 如果需要对Cookie的有效期进行自定义设置，可以通过以下方法实现：
function setCookie(name, value, days) { var expires = new Date(); expires.setTime(expires.getTime() + days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + encodeURIComponent(value) + ";Path=/;expires=" + expires.toGMTString();} 以下是一个完整的示例，展示了如何在两个页面之间传递变量值：
通过以上方法，可以在跨页面的JavaScript应用中有效地传递变量值，而无需依赖Session或其他服务器端技术。
转载地址：http://wtyj.baihongyu.com/