出处：http://blog.csdn.net/djzhao627/article/details/50747628

首先说一下LocalStorage和SessionStorage

LocalStorage

  • 是对Cookie的优化
  • 没有时间限制的数据存储
  • 在隐私模式下不可读取
  • 大小限制在500万字符左右，各个浏览器不一致
  • 在所有同源窗口中都是共享的
  • 本质是在读写文件，数据多的话会比较卡（firefox会一次性将数据导入内存）
  • 不能被爬虫爬取，不要用它完全取代URL传参
  • IE７及以下不支持外，其他标准浏览器都完全支持

SessionStorage

  • 针对一个 session 的数据存储
  • 大小限制在5M左右，各个浏览器不一致
  • 仅在当前浏览器窗口关闭前有效（适合会话验证）
  • 不在不同的浏览器窗口中共享，即使是同一个页面

JS下的操作方法

  • 获取键值：localStorage.getItem(“key”)
  • 设置键值：localStorage.setItem(“key”,”value”)
  • 清除键值：localStorage.removeItem(“key”)
  • 清除所有键值：localStorage.clear()
  • 获取键值2：localStorage.keyName
  • 设置键值2：localStorage.keyName = “value”

JQ下的操作方法（JS方法前加”window.”）

  • 获取键值：window.localStorage.getItem(“key”)
  • 设置键值：window.localStorage.setItem(“key”,”value”)
  • 清除键值：window.localStorage.removeItem(“key”)
  • 清除所有键值：window.localStorage.clear()
  • 获取键值2：window.localStorage.keyName
  • 设置键值2：window.localStorage.keyName = “value”

示例

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script>

    <script type="text/javascript">

        // JS操作部分

        localStorage.JSa="JSA";

        document.write(localStorage.JSa);

        localStorage.setItem('JSb','&nbsp;JSB');

        document.write(localStorage.getItem('JSb'));

        // JQuery操作部分

        $(function(){

            window.localStorage.JQa="JQA";

            $("#a").text(window.localStorage.JQa);

            window.localStorage.setItem('JQb','JQB');

            $("#b").text(window.localStorage.getItem('JQb'));

        });

    </script>

</head>

<body>

    <p id="a"></p>

    <p id="b"></p>

</body>

</html>

运行结果： 

注：typeOf(localStorage.keyName)可与”undefined”进行判断该键值是否已存在

JQuery和JS操作LocalStorage/SessionStorage的方法（转）的更多相关文章

  1. JQuery和JS操作LocalStorage/SessionStorage的方法

    LocalStorage 是对Cookie的优化 没有时间限制的数据存储 在隐私模式下不可读取 大小限制在500万字符左右,各个浏览器不一致 在所有同源窗口中都是共享的 本质是在读写文件,数据多的话会 ...

  2. Jquery.cookie.js 源码和使用方法

    jquery.cookie.js源码和使用方法 jQuery操作cookie的插件,大概的使用方法如下 $.cookie(‘the_cookie’); //读取Cookie值$.cookie(’the ...

  3. jquery.cookie.js 操作cookie实现记住密码功能的实现代码

    jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下.   复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...

  4. JS操作字符串常用的方法

    JS操作String对象的方法 charAt(index):返回指定索引处的字符串charCodeAt(index):返回指定索引处的字符的Unicode的值concat(str1,str2,...) ...

  5. JS操作数组常用的方法

    JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由 ...

  6. js操作html的基本方法

    刚学了js操作html的基本方法,在写代码过程中,有很多格式不规范,忘记加双引号尤其重要,通常这 样的错误很容易范,并且这种错误很难找.随着代码学习量越来越多,很多写法容易搞混.今天记录一下,以便后期 ...

  7. 前端 JS，localStorage/sessionStorage、cookie 及 url 等实现前台数据共享、传输

    需求是这样的:需要统计用户公司某款产品用户的回馈情况,美工给的设计多个psd,每个页面里面都有一个选择题,让用户选择自己的答案,最后经过几次选择之后在最后一个页面统一提交到后台!所以这里引出的技术需求 ...

  8. jQuery.cookie.js插件了解及使用方法

    jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jque ...

  9. 使用Jquery.cookie.js操作cookie

    query.cookie.js是一个基于jquery的插件,点击下载! 创建一个会话cookie: $.cookie(‘cookieName’,'cookieValue’); 注:当没有指明cooki ...

随机推荐

  1. java的static研究

    (1)static关键字:可以用于修饰属性.方法和类. 1,属性:无论一个类生成了多少个对象,所有这些对象共同使用唯一的一份静态的成员变量(不能修饰临时变量 2,方法:static修饰的方法叫做静态, ...

  2. php变量的实现

    1.php变量的实现 变量名 zval ,变量值 zend_value,php7的变量内存管理的引用计数 在zend_value结构上,变量的操作也都是zend_value实现的. //zend_ty ...

  3. 虚拟机Tools工具安装过程

    1.选择:“虚拟机” >>> “安装VMware Tools” 在主机上,从 Workstation Pro 菜单栏中选择虚拟机 > 安装 VMware Tools. 如果安装 ...

  4. 20181205_C#窗体监听键盘事件

    1. 需要设置窗体的   KeyPreview = true; 2. 如果窗体上有获取的了焦点的button按钮, 则监听不到 Enter事件, 需要取消按钮的焦点

  5. Python 中的属性访问与描述符

    在Python中,对于一个对象的属性访问,我们一般采用的是点(.)属性运算符进行操作.例如,有一个类实例对象foo,它有一个name属性,那便可以使用foo.name对此属性进行访问.一般而言,点(. ...

  6. 不用写代码就能实现深度学习？手把手教你用英伟达 DIGITS 解决图像分类问题

    2006年,机器学习界泰斗Hinton,在Science上发表了一篇使用深度神经网络进行维数约简的论文 ,自此,神经网络再次走进人们的视野,进而引发了一场深度学习革命.深度学习之所以如此受关注,是因为 ...

  7. 关于phpmailer邮件发送

    今天有个需求,要把phpmailer集成到框架里面 所以我去官方下载了 phpmail5.2.6 地址在 https://github.com/PHPMailer/PHPMailer/releases ...

  8. Nginx 是前端工程师的好帮手

    Nginx [engine x] 是俄罗斯的 Igor Sysoev 编写的一个 强大的 HTTP 和反向代理服务器,而且也推出了 Windows 版本.Windows 版本使用 select 模型, ...

  9. js格式化时间 js格式化时间戳

    一个js格式化时间和js格式化时间戳的例子. 代码:/** * 时间对象的格式化; */Date.prototype.format = function(format) { /* * eg:forma ...

  10. [原创]Spring Boot + Mybatis 简易使用指南（一）基础环境搭建

    前言 作者: Ant QQ:517377100 相对于使用JdbcTemplate,Mybatis可自动建立pojo类型与数据库列的映射关系,数据库访问层的开发简单了许多 所有数据库访问操作,均封装在 ...