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();
}
分享到:
相关推荐
通常cookie和session,是web开发中用于存储信息的对象,session存在于服务器的内存中,而cookie则是存在客户端,所以js可以直接操作cookie进行信息的存储和读取。 js存放cookie一般的写法,如:[removed]="userName=...
是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的数据信息(Cookie数据)。Cookie文件夹中的用户数据信息(Cookie数据)。Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话...
Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。 Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web...
Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。 Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web...
hapi-auth-signed-cookie Cookie 认证插件维护者: 很大程度上基于差异这与 hapi-auth-cookie 的区别在于 cookie 可在客户端访问,这使其能够从 cookie 中获取会话数据。 您可以解码 cookie 中的数据,例如: const ...
(十二)Web客户端安全:1学时 了解Applet、ActiveX、JavaScript、Cookie的安全隐患。 (十三)在线交易安全:1学时 了解加密术、SSL和证书授权机构。 (十四)侵入检测和恢复:1学时 掌握Web攻击的检测和受到...
用户登录成功,服务端会保证一个session,当然会给客户端一个sessionId,客户端会把sessionId保存在cookie中,每次请求都会携带这个sessionId。 cookie+session这种模式通常是保存在内存中,而且服务从单服务到多...
Cookie 的作用就是用于解决 “如何记录客户端的用户信息”: 当用户访问 web 页面时,他的名字可以记录在 cookie 中。 在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。 Cookie 以名/值对形式存储,...
cookie数据可以自动地在Web浏览器好Web服务器之间传递。 在浏览器中可以通过navigator.cookieEnabled属性检查浏览器的cookie功能是否被激活。 二、cookie的基本属性 每个cookie都有四个可选的属性 1....
第13章 Web浏览器中的JavaScript 第14章 脚本化浏览器窗口 第15章 脚本化文档 第16章 层叠样式表和动态HTML 第17章 事件和事件处理 第18章 表单和表单元素 第19章 cookie和客户端持久性 第...
第13章Web浏览器中的JavaScript 第14章脚本化浏览器窗口 第15章脚本化文档 第16章层叠样式表和动态HTML 第17章事件和事件处理 第18章表单和表单元素 第19章cookie和客户端持久性 第20章脚本化HTTP 第21章JavaScript...
《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》内容包括Web客户端技术、JSP/Servlet技术、Struts 2(*、类型转换、输入校验、上传和下载文件、Struts 2的各种标签、对 AJAX的支持等)、Spring...
《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》内容包括Web客户端技术、JSP/Servlet技术、Struts 2(*、类型转换、输入校验、上传和下载文件、Struts 2的各种标签、对 AJAX的支持等)、Spring...
cookie 由于http是无状态的协议,一旦客户端和服务器的数据交换完毕...储存一些服务器需要的信息,每次请求站点,会发送相应的cookie,这些cookie可以用来辨别用户身份信息等作用。 cookie的属性字段 props intro
此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。 《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web浏览器中...
在某些时候,应用可能需要JavaScript访问某几项Cookie,这种Cookie可以不设置HttpOnly标记;而仅把HttpOnly标记给用于认证的关键Cookie。 HttpOnly CSP 内容安全策略( CSP ): 内容安全策略是一个额外的安全层,用于...
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合...
gplus-web-auth 使用Node.js客户端会话进行Google+登录和身份验证安装可通过,要安装它,只需在项目中运行以下行: npm install gplus-web-auth配置该模块采用三个参数, Google+凭证客户端ID。 在Google+开发者...
在《JavaScript入门经典(第3版)》的高级主题中,将介绍如何使用cookie,以及如何应用DHTML技术使Web页面焕发动感和活力。另外,《JavaScript入门经典(第3版)》还介绍了Ajax 技术。Ajax技术允许在客户端代码中使用...