JavaScript cookie详解及简单实例应用


Posted in Javascript onDecember 31, 2016

JavaScript cookie详解

一、cookie基本介绍

    cookie是document的对象。cookie可以使得JavaScript代码能够在用户的硬盘上持久地存储数据,并且能够获得以这种方式存储的数据。cookie还可以用于客户端脚本化。

cookie数据可以自动地在Web浏览器好Web服务器之间传递。

    在浏览器中可以通过navigator.cookieEnabled属性检查浏览器的cookie功能是否被激活。

    二、cookie的基本属性    

    每个cookie都有四个可选的属性

    1.expires

        指定了cookie的生存期。将expires属性设定为未来的一个过期时间,即可让cookie在过期后失效。

    现在用max-age属性来代替它,max-age用秒来设置cookie的生命期。一旦超过了max-age的生命期,那个cookie就会被浏览器自动地从cookie文件中删除掉

    2.path

        指定了与cookie关联在一起的网页。默认情况下,cookie会和创建它的网页以及与这个网页处于同一个目录下的网页和处于该目录的子目录下的网页关联。

    这个主要设置了cookie对于网页的可见性。加入将path设置为www.a.com/list,那么www.a.com/list/a.html和www.a.com/list/b.html都可以访问cookie,但www.a.com/comtain不  能访问该cookie。但是如果将path设置为www.a.com/,那么www.a.com/list和www.a.com/contain都可以访问cookie。

    3.domain

        默认只有来自同一Web服务器的页面才能访问cookie,可以设置domain。例如把cookie的path设定为/,cookie设定为.example.com,则所有位于catalog.example.com和    orders.example.com的网页以及位于.example.com域名下其他服务器的网页都能访问这个cookie

    注意:不能讲一个cookie的域设置为服务器所在的域之外的域

    4.source

       source为一个布尔值,true由不安全的HTTP传输(默认);false只在浏览器和服务器通过HTTPS或其他的安全协议连接下才被传输。 

    三、cookie的应用

        一个cookie是一个字符串,有name=value这种结构组合而成。cookie的例子:

    version=1.0;max-age=3600      

    注意每段字符串之间不能包含逗号或者空格等,因此在写入cookie时需要使用encodeURIComponent去掉变量中的相关符号,读取时利用的decodeURIComponent 

    要创建一个能够持续存在一年的cookie:

document.cookie = “version=” + document.lastModified + “;max-age=” + (60*60*24*365);

    四、总结

    虽然现在浏览器的存储技术越来越多,HTML5也为localStorage带来了更高的性能体验,但是cookie仍然可以为我们处理很多事务,方便小型数据的交流。合理的使用cookie,可以让我们的应用程序更加灵活。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Javascript 类与静态类的实现(续)
Apr 02 Javascript
JQUERY获取form表单值的代码
Jul 17 Javascript
jQuery EasyUI API 中文文档 搜索框
Sep 29 Javascript
浅析jQuery1.8的几个小变化
Dec 10 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
js实现文字滚动效果
Mar 03 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
Bootstrap和Java分页实例第二篇
Dec 23 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
Jan 06 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 #Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 #Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
Dec 31 #Javascript
angularjs中ng-attr的用法详解
Dec 31 #Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 #Javascript
Angular JS数据的双向绑定详解及实例
Dec 31 #Javascript
Javascript 实现全屏滚动实例代码
Dec 31 #Javascript
You might like
PHP编程之设置apache虚拟目录
2016/07/08 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
ie和firefox不兼容的解决方法集合
2009/04/28 Javascript
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
JavaScript flash复制库类 Zero Clipboard
2011/01/17 Javascript
Javascript selection的兼容性写法介绍
2013/12/20 Javascript
JavaScript函数详解
2014/11/17 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
js 提交form表单和设置form表单请求路径的实现方法
2016/10/25 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
2017/06/17 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
2017/07/07 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
在Vue中使用echarts的方法
2018/02/05 Javascript
微信小程序解析富文本过程详解
2019/07/13 Javascript
vue实现下拉加载其实没那么复杂
2019/08/13 Javascript
JS猜数字游戏实例讲解
2020/06/30 Javascript
Python实现的购物车功能示例
2018/02/11 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
django认证系统实现自定义权限管理的方法
2018/07/16 Python
python同时替换多个字符串方法示例
2019/09/17 Python
Django REST framwork的权限验证实例
2020/04/02 Python
django 将自带的数据库sqlite3改成mysql实例
2020/07/09 Python
Sunglasses Shop丹麦:欧洲第一的太阳镜在线销售网站
2017/10/22 全球购物
德国净水壶和滤芯品牌:波尔德PearlCo(家用净水器)
2020/04/29 全球购物
城管大队整治方案
2014/05/06 职场文书
培训研修方案
2014/06/06 职场文书
考察邀请函范文
2015/01/31 职场文书
《窃读记》教学反思
2016/02/18 职场文书