JQuery和JS操作LocalStorage/SessionStorage的方法（转）
出处：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',' 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的方法（转）的更多相关文章
- JQuery和JS操作LocalStorage/SessionStorage的方法
LocalStorage 是对Cookie的优化 没有时间限制的数据存储 在隐私模式下不可读取 大小限制在500万字符左右,各个浏览器不一致 在所有同源窗口中都是共享的 本质是在读写文件,数据多的话会 ...
- Jquery.cookie.js 源码和使用方法
jquery.cookie.js源码和使用方法 jQuery操作cookie的插件,大概的使用方法如下 $.cookie(‘the_cookie’); //读取Cookie值$.cookie(’the ...
- jquery.cookie.js 操作cookie实现记住密码功能的实现代码
jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下. 复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready( ...
- JS操作字符串常用的方法
JS操作String对象的方法 charAt(index):返回指定索引处的字符串charCodeAt(index):返回指定索引处的字符的Unicode的值concat(str1,str2,...) ...
- JS操作数组常用的方法
JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由 ...
- js操作html的基本方法
刚学了js操作html的基本方法,在写代码过程中,有很多格式不规范,忘记加双引号尤其重要,通常这 样的错误很容易范,并且这种错误很难找.随着代码学习量越来越多,很多写法容易搞混.今天记录一下,以便后期 ...
- 前端 JS，localStorage/sessionStorage、cookie 及 url 等实现前台数据共享、传输
需求是这样的:需要统计用户公司某款产品用户的回馈情况,美工给的设计多个psd,每个页面里面都有一个选择题,让用户选择自己的答案,最后经过几次选择之后在最后一个页面统一提交到后台!所以这里引出的技术需求 ...
- jQuery.cookie.js插件了解及使用方法
jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jque ...
- 使用Jquery.cookie.js操作cookie
query.cookie.js是一个基于jquery的插件,点击下载! 创建一个会话cookie: $.cookie(‘cookieName’,'cookieValue’); 注:当没有指明cooki ...
随机推荐
- java程序运行时内存分配详解
java程序运行时内存分配详解 这篇文章主要介绍了java程序运行时内存分配详解 ,需要的朋友可以参考下 一. 基本概念 每运行一个java程序会产生一个java进程,每个java进程可能包含一个 ...
- Java多线程编程核心技术，第二章，对象和变量并发访问
1,方法内部变量是线程安全的 2,实例变量非线程安全 3,synchronized是锁对象不是锁方法(锁对象是可以访问非synchronized方法,不可访问同个和其他synchronized方法 4 ...
- bzoj2957楼房重建
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2957 线段树.每个点记录斜率,要一个单增的序列长度(从1开始). 线段树每个点记录自己区间的 ...
- 【linux】查看linux版本和内核版本
查看linux版本:uname -r 查看linux版本内核:lsb_release -a
- Bootstrap-Plugin：模态框（Modal）插件
ylbtech-Bootstrap-Plugin:模态框(Modal)插件 1.返回顶部 1. Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是 ...
- [html][easyui]DataGrid 绑定
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- py基础3--函数，递归，内置函数
本节内容 函数基本语法及特性 参数与局部变量 返回值 嵌套函数 递归 匿名函数 函数式编程介绍 高阶函数 内置函数 1. 函数基本语法及特性 背景提要 现在老板让你写一个监控程序,监控服务器的系统状况 ...
- oracle 11g RAC 的一些基本概念（四）
RAC 在Grid Infrastructure安装完以后,我们把注意力转移到集群上的Oracle软件的安装上来.我们看到,Grid Infrasctructure提供了运行RAC的框架,包括集群 ...
- Python2.X如何将Unicode中文字符串转换成 string字符串
Python2.X如何将Unicode中文字符串转换成 string字符串 普通字符串可以用多种方式编码成Unicode字符串,具体要看你究竟选择了哪种编码:unicodestring = u&q ...
- MYSQL, REDIS 等数据库的介绍
MySQL: 数据库概述 MySql安装和基本管理 MySQl创建用户和授权 初始mysql语句 库的操作 表的操作 数据类型 数据类型(2) 完整性约束 外键的变种 三种关系 数据的增删改 单表查询 ...