浅谈localStorage、sessionStorage 与cookie

　　由于工作的需要，今天使用了下localStorage、sessionStorage和cookie，感觉这玩意儿还挺好用的。

　　关于localStorage与sessionStorage的知识点以及用法之前说过，这里就不再赘述了（详情见 HTML5 web存储）。

　　这里主要说一下cookie。分为javascript中的cookie 与jquery中的cookie。

　　（1）、javascript cookie

　　Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

　　可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除。

　　JavaScript 可以使用 document.cookie 属性来创建、读取、及删除 cookie。

　　创建cookie：　

document.cookie="name=tom";

可为cookie添加一个过期时间：document.cookie="name=tom; expires=Thu, 26 Dec 2017 12:00:00 GMT";

　　读取cookie：

var co = document.cookie;  // 以字符串的方式返回所有的 cookie

　　删除cookie：

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

　　删除cookie只需要将expires的值设为当前时间之前就行了，删除是不必指定cookie的值。

　　（2）、jquery cookie

　　相比而言，我更喜欢使用jquery.cookie,使用起来贼方便，jquery.cookie() 方法:一个轻量级的cookie 插件，jQuery已经封装好了，直接拿来用，可以读取、写入、删除 cookie。

　　使用该方法，需要先引入jQuery文件与jQuery.cookie文件（CDN加速服务你值得拥有）

　　创建cookie：

$.cookie('key','value')  //  注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止

　创建一个具有有效期的cookie：

$.cookie('name', 'value', { expires: 10 });

　　读取cookie：　　

$.cookie('name')  // cookie存在，值为'value',不存在，则为null

　　删除cookie：

$.cookie('name',null)

转载于:https://www.cnblogs.com/jf-67/p/8120092.html

浅谈localStorage、sessionStorage 与cookie相关推荐

localStorage sessionStorage 和cookie等前端存储方式总结
localStorage sessionStorage 和cookie localStorage localStorage是本地存储的,除非清空本地数据 localStorage不会自动把数据发给服务 ...
php 获取localstorage,浅谈localStorage的本地存储
我们在做页面时会用到本地存储的时候,今天说说localStorage本地存储. 1.localStorage.name="老王"; //第一种设置存储本地数据的方法localSto ...
三个臭皮匠浅谈xss获取用户cookie的安全漏洞
利用别人的cookie,他们可以冒充真实的用户,在颁发cookie的那个网站中为所欲为,个人隐私在他们面前根本不存在. 接下来这篇文章以3个兄弟之间的对话进行讲解. 运气好的话连别人的用户名和密码都能 ...
客户端 localStorage, sessionStorage, cookie 的区别
SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,而且都是字符串类型的键值对! 区别在于前两者属于WebStorage,创建它们的目的便是存 ...
本地存储-cookie|localStorage|sessionStorage|indexedDB
本地存储本地存储 cookie 如何工作问题 cookie标准限制属性 expires|max-age domain&path secure HttpOnly 设置cookie 服务端设 ...
Localstorage、sessionStorage、cookie 的区别
一.Localstorage.sessionStorage.cookie 的区别是什么? 共同点:都是保存在浏览器端的,且同源的. 区别: 1.cookie数据始终携带在同源的http请求中,即coo ...
cookie localStorage sessionStorage _(¦3」∠)_ 看完你居然就懂了！！！
知识点 cookie sessionStorage localStorage cookie 本身用于浏览器和server通讯被 "借用" 到本地存储可用 document.co ...
浏览器缓存 HTTP缓存-CDN缓存-localstorage/sessionstorage/cookie
文章目录浏览器缓存面试题概述 HTTP缓存 -提高二次请求响应速度 HTTP的缓存控制,如何设置缓存策略 CDN缓存 -提高首次请求资源的响应速度 CDN的核心功能 CDN的基本原理 local ...
浅谈Hybrid技术的设计与实现【转】
https://www.cnblogs.com/yexiaochai/p/4921635.html 前言浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹浅谈Hybrid技术 ...

浅谈localStorage、sessionStorage 与cookie

浅谈localStorage、sessionStorage 与cookie相关推荐

最新文章

热门文章