`

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

相关推荐

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

    通常cookie和session,是web开发中用于存储信息的对象,session存在于服务器的内存中,而cookie则是存在客户端,所以js可以直接操作cookie进行信息的存储和读取。 js存放cookie一般的写法,如:[removed]="userName=...

    浅析javascript操作 cookie对象

    是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的数据信息(Cookie数据)。Cookie文件夹中的用户数据信息(Cookie数据)。Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话...

    JavaScript学习笔记之Cookie对象

     Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。  Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web...

    JavaScript中Cookie操作实例

     Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。  Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web...

    hapi-auth-signed-cookie:已签名的客户端 cookie

    hapi-auth-signed-cookie Cookie 认证插件维护者: 很大程度上基于差异这与 hapi-auth-cookie 的区别在于 cookie 可在客户端访问,这使其能够从 cookie 中获取会话数据。 您可以解码 cookie 中的数据,例如: const ...

    web技术与网站规划共387页

    (十二)Web客户端安全:1学时 了解Applet、ActiveX、JavaScript、Cookie的安全隐患。 (十三)在线交易安全:1学时 了解加密术、SSL和证书授权机构。 (十四)侵入检测和恢复:1学时 掌握Web攻击的检测和受到...

    jwt简单的介绍和了解

    用户登录成功,服务端会保证一个session,当然会给客户端一个sessionId,客户端会把sessionId保存在cookie中,每次请求都会携带这个sessionId。 cookie+session这种模式通常是保存在内存中,而且服务从单服务到多...

    JavaScript Cookie

    Cookie 的作用就是用于解决 “如何记录客户端的用户信息”: 当用户访问 web 页面时,他的名字可以记录在 cookie 中。 在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。 Cookie 以名/值对形式存储,...

    JavaScript cookie详解及简单实例应用

    cookie数据可以自动地在Web浏览器好Web服务器之间传递。  在浏览器中可以通过navigator.cookieEnabled属性检查浏览器的cookie功能是否被激活。  二、cookie的基本属性   每个cookie都有四个可选的属性  1....

    JavaScript权威指南(第五版)

     第13章 Web浏览器中的JavaScript  第14章 脚本化浏览器窗口  第15章 脚本化文档  第16章 层叠样式表和动态HTML  第17章 事件和事件处理  第18章 表单和表单元素   第19章 cookie和客户端持久性  第...

    JavaScript权威指南(第6版)(中文版)

    第13章Web浏览器中的JavaScript 第14章脚本化浏览器窗口 第15章脚本化文档 第16章层叠样式表和动态HTML 第17章事件和事件处理 第18章表单和表单元素 第19章cookie和客户端持久性 第20章脚本化HTTP 第21章JavaScript...

    java web技术开发大全(最全最新)

    《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》内容包括Web客户端技术、JSP/Servlet技术、Struts 2(*、类型转换、输入校验、上传和下载文件、Struts 2的各种标签、对 AJAX的支持等)、Spring...

    java web开发技术大全

    《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》内容包括Web客户端技术、JSP/Servlet技术、Struts 2(*、类型转换、输入校验、上传和下载文件、Struts 2的各种标签、对 AJAX的支持等)、Spring...

    JavaScript学习教程之cookie与webstorage

    cookie 由于http是无状态的协议,一旦客户端和服务器的数据交换完毕...储存一些服务器需要的信息,每次请求站点,会发送相应的cookie,这些cookie可以用来辨别用户身份信息等作用。 cookie的属性字段 props intro

    JavaScript权威指南第五版(JavaScript_The_Definitive_Guide_5th.chm)

    此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。  《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web浏览器中...

    Web应用安全:XSS的辅助性对策.pptx

    在某些时候,应用可能需要JavaScript访问某几项Cookie,这种Cookie可以不设置HttpOnly标记;而仅把HttpOnly标记给用于认证的关键Cookie。 HttpOnly CSP 内容安全策略( CSP ): 内容安全策略是一个额外的安全层,用于...

    Web存储 HTML5 实例

    在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合...

    gplus-web-auth:带有客户端会话的Node.js的Google+身份验证

    gplus-web-auth 使用Node.js客户端会话进行Google+登录和身份验证安装可通过,要安装它,只需在项目中运行以下行: npm install gplus-web-auth配置该模块采用三个参数, Google+凭证客户端ID。 在Google+开发者...

    JavaScript入门经典(第3版)高清PDF—3

    在《JavaScript入门经典(第3版)》的高级主题中,将介绍如何使用cookie,以及如何应用DHTML技术使Web页面焕发动感和活力。另外,《JavaScript入门经典(第3版)》还介绍了Ajax 技术。Ajax技术允许在客户端代码中使用...

Global site tag (gtag.js) - Google Analytics