`

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=...

    第二节 XSS盗取cookie-01

    Cookie是Web服务器保存在用户浏览器(客户端)上的小文本文件,可以包含有关用户的信息。Cookie可以分为临时Cookie和持久Cookie。临时Cookie只在浏览器上保存一段规定的时间,一旦超过规定的时间,该Cookie就会被...

    浅析javascript操作 cookie对象

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

    Web攻防系列教程之Cookie注入攻防实战.pdf

    Web攻防系列教程之Cookie注入攻防实战 Cookie 注入是一种基于 HTTP 协议的攻击方式,通过在 Cookie 中注入恶意代码来攻击网站。下面是 Cookie 注入的详细知识点: 一、Cookie 背景介绍 Cookie 是一种小型文本...

    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 ...

    《Java-Web应用开发基础》综合练习3.docx

    Cookie在服务器端生成并发送给浏览器,浏览器将Cookie的key/value保存到某个指定的目录中,服务器的名称与值可以由服务器端定义。 2. J2EE:J2EE是使用Java技术开发企业级应用的工业标准,它是Java技术不断适应和...

    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....

    浅谈Web应用的网络安全.pdf

    1. HttpOnly:在cookie中设置HttpOnly属性,通过JavaScript脚本将无法读取到cookie信息。 2. 输入规范:规范用户输入的格式。例如,用户在登录网站时填写用户名、密码,要求只能输入一定长度的字母和数字组合。 3. ...

    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 ): 内容安全策略是一个额外的安全层,用于...

Global site tag (gtag.js) - Google Analytics