http://www.chenglin.name/web/js-web/386.html
这里介绍在浏览器客户端保存cookie信息,下次浏览的时候可以获取相应信息,比如淘宝联盟根据这个cookie信息来判断是哪个网站引来的流量,然后给对应网站分账;以及根据用户浏览历史比较商品等;自己可以再web客户端留下具体信息,方便控制,简单如记住用户名,上次浏览时间,用户上次保存信息等等;
cookie是浏览器提供的一种机制,javascript可以调用document 对象的cookie属性,并不是js的性质;
cookie是存储在硬盘的,以域名为键名,下次打开该域名网站便可启用该cookie;
cookie机制将信息存储于用户硬盘,可作为全局变量,是它最大的优点。
我这里用到它主要是使用它存储天气预报地区信息,不用每次用户设置后,重新打开网页都要重新设置地区;
说说js怎么使用cookie,最后将给出实例:
1、介绍cookie;
document.cookie // document的一个属性;
2、为cookie赋值;
cookie赋值是多个值使用分号 ‘ ; ‘分割;
document.cookie = ‘key:info;key:info’; // 赋值 多个属性使用 ' ; '分割;
3、设置cookie超时;
expires //属性设置cookie过期时间;放在cookie设置最后如下;
以下设置 cookie 在 365天后超时
var date = new Date();
date.setTime(date.getTime()+365*24*3600*1000);
document.cookie = ‘key:info;key:info;expires =' + date.toGMTString();
4、删除cookie;
删除cookie只需要设置cookie超时,过期就行了;
var date = new Date();
date.setTime(date.getTime() - 10000); // 当前时间往前减一点,就过期了;
document.cookie = objName + "=a; expires=" + date.toGMTString(); // 设置时间过期;
5、cookie使用实例
博主右上角的天气预报有个城市设置里面就用到了,cookie保存用户上次设置的城市;作为一个实例给出js操作cookie增删改查;代码如下:
// 获取所有cookie
function getAllCookie(){
var allstr = document.cookie;
return allstr;
}
// 获取指定cookie
function getOneCookie(objName){
var arrStr = document.cookie.split(";");
for(var i = 0;i < arrStr.length;i ++){
var temp = arrStr[i].split("=");
if(temp[0] == objName){
return unescape(temp[1]);
}
}
}
// 添加cookie
function addCookie(objName,objValue,objTime){
var infostr = objName + '=' + escape(objValue);
if(objTime){
infostr += ';expires =' + objTime.toGMTString();
}else{
var date = new Date();
date.setTime(date.getTime()+365*24*3600*1000);
infostr += ';expires =' + date.toGMTString();
}
document.cookie = infostr; //添加
}
// 删除cookie
function delCookie(objName){
var date = new Date();
date.setTime(date.getTime() - 10000);
document.cookie = objName + "=a; expires=" + date.toGMTString();
}
分享到:
相关推荐
8. **版本控制:** "ScottHamper-Cookies-b7357e1" 表示的版本信息在实际开发中非常重要,因为不同的版本可能包含不同的功能或修复了某些bug,开发者需要根据项目的具体需求选择合适版本的Cookies.js。 通过以上...
在信息技术领域,Web客户端技术是构建互联网应用的核心部分,它涉及到用户通过浏览器或者其他Web接口与服务器进行交互的方式。本篇将深入探讨Web客户端技术的关键概念、技术栈以及应用实例。 首先,我们要理解Web...
Page Cookie作为客户端状态管理的一种方式,被广泛用于存储用户特定的信息,如页面浏览偏好、会话信息等。本文将深入探讨如何利用JavaScript来实现Page Cookie的管理,以维护页面状态。 **一、Cookie基础** Cookie...
Cookie存储在客户端,用于保存用户状态,而Session则在服务器端维护,两者结合使用可以实现用户身份验证和会话管理。 7. **WebSocket**:传统的HTTP协议是单向的,而WebSocket提供了一种全双工的通信机制,允许...
客户端浏览器会将这个Cookie保存起来,在之后的每次请求中都会自动带上这个Cookie。这样服务器就可以通过读取Cookie中的信息来判断用户是否已经登录,并根据登录状态做出相应的处理。 #### 安全性分析与相关措施 ...
`jquery.cookie.js`是jQuery的一个扩展插件,它使得在Web应用中管理和操作Cookie变得更加简单。本篇文章将深入探讨`jquery.cookie.js`包及其在实现“记住密码”功能中的应用。 首先,我们来了解什么是Cookie。...
JavaScript(JS)Cookie和Java Cookie是Web开发中用于存储客户端数据的两种常见方式,而正则表达式(Regex)在处理字符串和数据匹配时扮演着重要角色。下面将详细阐述这三个知识点及其应用。 首先,JavaScript ...
在这个场景中,我们讨论的是如何使用JavaScript实现一种基于cookie的记忆功能,以便在用户使用AJAX提交表单后,能够保存并恢复他们的输入,避免重复录入。这在网页应用中非常常见,比如搜索引擎的历史记录功能,就像...
在IT行业中,JavaScript(简称Js)是一种广泛应用于网页和网络应用的编程语言,它主要负责客户端的交互逻辑。在某些特定场景下,如单点登录(Single Sign-On, SSO),开发者可能需要获取用户设备的特定信息,如IP...
在Web应用程序中,Cookie常被用来存储用户的一些临时或持久性信息,如登录状态、用户首选项等。这是因为HTTP协议本身是无状态的,每次请求之间不保留任何上下文信息。为了解决这个问题,服务器会发送一个Cookie到...
"利用Cookie保存层拖动数据实例"是一个典型的Web交互优化案例,它涉及到用户界面的个性化和用户体验的提升。以下是关于这个主题的详细知识讲解: 1. **Cookie基本概念**:Cookie是由服务器端发送到浏览器并存储在...
在Web开发中,Cookie是一种非常重要的技术,用于在客户端存储少量的数据,比如用户登录状态。当我们访问一个网站并登录后,服务器通常会在我们的浏览器中设置一个或多个Cookie,这些Cookie包含了用户的身份验证信息...
因为HTTP协议是无状态的,如果不使用Cookie或其它类似的机制,用户添加到购物车的商品信息在页面刷新或关闭后将丢失。通过设置Cookie,我们可以确保即使用户离开网站或关闭浏览器,再次返回时仍能找回他们之前添加的...
JavaScript中的Cookie是Web开发中常用的一种数据存储机制,它允许我们在客户端存储少量的数据。这篇教程主要讲解了如何使用JavaScript操作Cookie来保存用户登录信息。以下是对这个话题的详细阐述: 首先,理解...
5. **浏览器存储Cookie**:浏览器接收到此头部后,会将Cookie保存在本地。 6. **后续请求携带Cookie**:之后,每当用户向同一服务器发送请求时,浏览器都会自动附带这个Cookie。 7. **服务器识别用户**:服务器检查...
例如,当用户勾选"记住我"选项时,可以将登录信息存储在Cookie中,下次访问时自动填充表单。 总结,jQuery 1.4.2作为一款经典版本,提供了丰富的DOM操作和事件处理能力,而jQuery Cookie插件则弥补了JavaScript原生...
在Web开发中,Cookie是一种重要的数据存储机制,它允许服务器在客户端(浏览器)上保存信息。jQuery库提供了一个方便的插件——jQuery.cookie.js,使得处理Cookie的操作变得简单易行。本文将深入探讨jQuery.cookie....
- 客户端收到响应后,保存Cookie,以便后续请求能自动携带登录信息。 4. **保存Cookie**: - Cookie是服务器发送到用户浏览器并存储的小型文本文件,用于识别用户会话。 - 当服务器返回登录成功的响应时,它会在...
总结来说,"Node.js-webStorage封装库-支持cookie解决方案"是一个旨在简化客户端数据存储并增强其功能的工具,它通过提供统一的接口和扩展功能,使得开发者在处理localStorage、sessionStorage和cookie时更为...