博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
cookie的初识和运用(js和jq)
阅读量:5741 次
发布时间:2019-06-18

本文共 1838 字,大约阅读时间需要 6 分钟。

 

cookie是什么


cookie是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件,这个文件通常对应于一个域名,当浏览器再次访问这个域名时,便使这个cookie可用。因此,cookie可以跨越一个域名下的多个网页,但不能跨越多个域名使用。

cookie使用场合


(1)保存用户登录状态。例如将用户id存储于一个cookie内,这样当用户下次访问该页面时就不需要重新登录了,现在很多论坛和社区都提供这样的功能。 cookie还可以设置过期时间,当超过时间期限后,cookie就会自动消失。因此,系统往往可以提示用户保持登录状态的时间:常见选项有一个月、三个 月、一年等。 

(2)跟踪用户行为。例如一个天气预报网站,能够根据用户选择的地区显示当地的天气情况。如果每次都需要选择所在地是烦琐的,当利用了 cookie后就会显得很人性化了,系统能够记住上一次访问的地区,当下次再打开该页面时,它就会自动显示上次用户所在地区的天气情况。因为一切都是在后 台完成,所以这样的页面就像为某个用户所定制的一样,使用起来非常方便。 
(3)定制页面。如果网站提供了换肤或更换布局的功能,那么可以使用cookie来记录用户的选项,例如:背景色、分辨率等。当用户下次访问时,仍然可以保存上一次访问的界面风格。

 

cookie的用法


 

js方式:

 

function setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure) { //js设置cookie                 var sCookie = sName + '=' + encodeURIComponent(sValue);                   if (oExpires) {                       var date = new Date();                       date.setTime(date.getTime() + oExpires * 60 * 60 * 1000);                       sCookie += '; expires=' + date.toUTCString();                  }                  if (sPath) {                       sCookie += '; path=' + sPath;                  if (sDomain) {                       sCookie += '; domain=' + sDomain;                  }                   if (bSecure) {                       sCookie += '; secure';                  }                   document.cookie = sCookie;   }
function getCookie(name){ //获取cookie        var strCookie=document.cookie;         var arrCookie=strCookie.split("; ");         for(var i=0;i

 

function delCookie(name){//删除cookie// 该函数检查下cookie是否设置,如果设置了则将过期时间调到过去的时间;//剩下就交给操作系统适当时间清理cookie啦if (getCookie(name))    {            document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";    }}

 

jq插件方式:

jq官网搜索cookie插件,几k的大小,使用非常方便:

  

 

在引入以上库文件后,使用方式如下:

 

转载于:https://www.cnblogs.com/chendc/p/5360253.html

你可能感兴趣的文章
DNS显性+隐性URL转发原理
查看>>
我的友情链接
查看>>
网易有道 IP地址、手机号码归属地和身份证 查询接口API
查看>>
鼠标停留在GridView某一行时行的颜色改变
查看>>
系列3:WAS Liberty Profile hello mysql jdbc
查看>>
基础知识:python模块的导入
查看>>
Android MVC之我的实现
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
关于批处理-1
查看>>
Tomcat部署Web应用方法总结
查看>>
Python3 django2.0 字段加密 解密 AES
查看>>
CCNA实验之:网络地址转换(NAT)实验
查看>>
计算机网络原理笔记-停止等待协议
查看>>
确定当前记录和下一条记录之间相差的天数
查看>>
sql语句返回主键SCOPE_IDENTITY()
查看>>
机器学习开源项目精选TOP30
查看>>
iOS开发-邮件发送
查看>>
/etc/resolv.conf文件详解
查看>>
【转】VC的MFC中重绘函数的使用总结(整理)
查看>>