`

JS在web客户端保存cookie信息

 
阅读更多
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();
}
分享到:
评论

相关推荐

    CookiesjsJavaScript客户端的Cookie操作库

    8. **版本控制:** "ScottHamper-Cookies-b7357e1" 表示的版本信息在实际开发中非常重要,因为不同的版本可能包含不同的功能或修复了某些bug,开发者需要根据项目的具体需求选择合适版本的Cookies.js。 通过以上...

    WEB客户端技术 WEB客户端技术

    在信息技术领域,Web客户端技术是构建互联网应用的核心部分,它涉及到用户通过浏览器或者其他Web接口与服务器进行交互的方式。本篇将深入探讨Web客户端技术的关键概念、技术栈以及应用实例。 首先,我们要理解Web...

    基于js实现的客户端Page Cookie (maintaining page state)的状态管理例子

    Page Cookie作为客户端状态管理的一种方式,被广泛用于存储用户特定的信息,如页面浏览偏好、会话信息等。本文将深入探讨如何利用JavaScript来实现Page Cookie的管理,以维护页面状态。 **一、Cookie基础** Cookie...

    Java Web应用客户端编程

    Cookie存储在客户端,用于保存用户状态,而Session则在服务器端维护,两者结合使用可以实现用户身份验证和会话管理。 7. **WebSocket**:传统的HTTP协议是单向的,而WebSocket提供了一种全双工的通信机制,允许...

    Cookie在web认证中的应用研究.pdf

    客户端浏览器会将这个Cookie保存起来,在之后的每次请求中都会自动带上这个Cookie。这样服务器就可以通过读取Cookie中的信息来判断用户是否已经登录,并根据登录状态做出相应的处理。 #### 安全性分析与相关措施 ...

    jquery.cookie.js包

    `jquery.cookie.js`是jQuery的一个扩展插件,它使得在Web应用中管理和操作Cookie变得更加简单。本篇文章将深入探讨`jquery.cookie.js`包及其在实现“记住密码”功能中的应用。 首先,我们来了解什么是Cookie。...

    JS cookie Java cookie regex 整理结果

    JavaScript(JS)Cookie和Java Cookie是Web开发中用于存储客户端数据的两种常见方式,而正则表达式(Regex)在处理字符串和数据匹配时扮演着重要角色。下面将详细阐述这三个知识点及其应用。 首先,JavaScript ...

    js做的cookie记忆功能

    在这个场景中,我们讨论的是如何使用JavaScript实现一种基于cookie的记忆功能,以便在用户使用AJAX提交表单后,能够保存并恢复他们的输入,避免重复录入。这在网页应用中非常常见,比如搜索引擎的历史记录功能,就像...

    Js获取客户端MAC地址

    在IT行业中,JavaScript(简称Js)是一种广泛应用于网页和网络应用的编程语言,它主要负责客户端的交互逻辑。在某些特定场景下,如单点登录(Single Sign-On, SSO),开发者可能需要获取用户设备的特定信息,如IP...

    Cookie登录记录用户账号信息

    在Web应用程序中,Cookie常被用来存储用户的一些临时或持久性信息,如登录状态、用户首选项等。这是因为HTTP协议本身是无状态的,每次请求之间不保留任何上下文信息。为了解决这个问题,服务器会发送一个Cookie到...

    利用COOKIE保存层拖动数据实例

    "利用Cookie保存层拖动数据实例"是一个典型的Web交互优化案例,它涉及到用户界面的个性化和用户体验的提升。以下是关于这个主题的详细知识讲解: 1. **Cookie基本概念**:Cookie是由服务器端发送到浏览器并存储在...

    cookie保存并读取用户登录信息

    在Web开发中,Cookie是一种非常重要的技术,用于在客户端存储少量的数据,比如用户登录状态。当我们访问一个网站并登录后,服务器通常会在我们的浏览器中设置一个或多个Cookie,这些Cookie包含了用户的身份验证信息...

    js+cookie购物车

    因为HTTP协议是无状态的,如果不使用Cookie或其它类似的机制,用户添加到购物车的商品信息在页面刷新或关闭后将丢失。通过设置Cookie,我们可以确保即使用户离开网站或关闭浏览器,再次返回时仍能找回他们之前添加的...

    JS使用cookie保存用户登录信息操作示例

    JavaScript中的Cookie是Web开发中常用的一种数据存储机制,它允许我们在客户端存储少量的数据。这篇教程主要讲解了如何使用JavaScript操作Cookie来保存用户登录信息。以下是对这个话题的详细阐述: 首先,理解...

    Cookie保存登陆状态.zip

    5. **浏览器存储Cookie**:浏览器接收到此头部后,会将Cookie保存在本地。 6. **后续请求携带Cookie**:之后,每当用户向同一服务器发送请求时,浏览器都会自动附带这个Cookie。 7. **服务器识别用户**:服务器检查...

    jquery1.4.2.js和jquery.cookie.js

    例如,当用户勾选"记住我"选项时,可以将登录信息存储在Cookie中,下次访问时自动填充表单。 总结,jQuery 1.4.2作为一款经典版本,提供了丰富的DOM操作和事件处理能力,而jQuery Cookie插件则弥补了JavaScript原生...

    jquery下的cookie.js文件

    在Web开发中,Cookie是一种重要的数据存储机制,它允许服务器在客户端(浏览器)上保存信息。jQuery库提供了一个方便的插件——jQuery.cookie.js,使得处理Cookie的操作变得简单易行。本文将深入探讨jQuery.cookie....

    discuzX3.2 登录接口 通过url传值 保存cookie

    - 客户端收到响应后,保存Cookie,以便后续请求能自动携带登录信息。 4. **保存Cookie**: - Cookie是服务器发送到用户浏览器并存储的小型文本文件,用于识别用户会话。 - 当服务器返回登录成功的响应时,它会在...

    Node.js-webStorage封装库-支持cookie解决方案

    总结来说,"Node.js-webStorage封装库-支持cookie解决方案"是一个旨在简化客户端数据存储并增强其功能的工具,它通过提供统一的接口和扩展功能,使得开发者在处理localStorage、sessionStorage和cookie时更为...

Global site tag (gtag.js) - Google Analytics