JQuery和JS操作LocalStorage/SessionStorage的方法

JQuery和JS操作LocalStorage/SessionStorage的方法（转）

出处:http://blog.csdn.net/djzhao627/article/details/50747628 首先说一下LocalStorage和SessionStorage LocalStorage 是对Cookie的优化没有时间限制的数据存储在隐私模式下不可读取大小限制在500万字符左右,各个浏览器不一致在所有同源窗口中都是共享的本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存) 不能被爬虫爬取,不要用它完全取代URL传参 IE7及以下不支持外,其…

JQuery和JS操作LocalStorage/SessionStorage的方法

LocalStorage 是对Cookie的优化没有时间限制的数据存储在隐私模式下不可读取大小限制在500万字符左右,各个浏览器不一致在所有同源窗口中都是共享的本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存) 不能被爬虫爬取,不要用它完全取代URL传参 IE7及以下不支持外,其他标准浏览器都完全支持 SessionStorage 针对一个 session 的数据存储大小限制在5M左右,各个浏览器不一致仅在当前浏览器窗口关闭前有效(适合会话验证) 不在不同…

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

jquery.cookie.js源码和使用方法 jQuery操作cookie的插件,大概的使用方法如下 $.cookie(‘the_cookie’); //读取Cookie值$.cookie(’the_cookie’, ‘the_value’); //设置cookie的值$.cookie(’the_cookie’, ‘the_value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});//新建一个cookie 包括有效…

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

jquery.cookie.js操作cookie实现记住密码功能,很简单很强大,喜欢的朋友可以参考下. 复制代码代码如下: //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.c…

JS操作字符串常用的方法

JS操作String对象的方法 charAt(index):返回指定索引处的字符串charCodeAt(index):返回指定索引处的字符的Unicode的值concat(str1,str2,...):连接多个字符串,返回连接后的字符串的副本fromCharCode():将Unicode值转换成实际的字符串indexOf(str):返回str在父串中第一次出现的位置,若没有则返回-1lastIndexOf(str):返回str在父串中最后一次出现的位置,若没有则返回-1match(regex):…

JS操作数组常用的方法

JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由separator分割的字符串,默认为逗号lastIndexOf(value):返回数组中value的最后一个索引pop():删除数组最后一个元素,并将其返回push():将参数添加至数组的末尾,并返回数组的新长度reverse():反转数组中所有元素的顺序shift():删除数组的第一个元素,并将…

js操作html的基本方法

刚学了js操作html的基本方法,在写代码过程中,有很多格式不规范,忘记加双引号尤其重要,通常这样的错误很容易范,并且这种错误很难找.随着代码学习量越来越多,很多写法容易搞混.今天记录一下,以便后期查看使用 1.js事件例如最基本的,onbluer 获得焦点,onchenge 修改文本,onclick 鼠标点击事等等.这类代码写到标签中,<div onclick="函数名"></div>,这里注意的是函数名的双引号. 2.dom的window操作…

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

需求是这样的:需要统计用户公司某款产品用户的回馈情况,美工给的设计多个psd,每个页面里面都有一个选择题,让用户选择自己的答案,最后经过几次选择之后在最后一个页面统一提交到后台!所以这里引出的技术需求就是:如何在每个页面之间实现数据共享,比如用户进入下个选择页面之后怎么保存用户在上一个页面选择的数据,以便最后统一提交,因为这个项目比较独立,而且也只是简单的几个页面做统计需求,所以我并没有采用angularjs来搭建项目,所以没有用angular里面路由带参数的形式来向下一个页面传递数据,但是我这…

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

jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jquery.com/project/cookie 1.准备工作 1)由于该插件依赖jQuery,所以首先在页面引入jquey插件 2)在页面引入jQuery.cookie.js 2.使用方法设置cookie /* ** 设置cookie ** 第一个参数设置cookie的key ** 第二个参数设置co…

使用Jquery.cookie.js操作cookie

query.cookie.js是一个基于jquery的插件,点击下载! 创建一个会话cookie: $.cookie(‘cookieName’,'cookieValue’); 注:当没有指明cookie时间时,所创建的cookie有效期默认到用户浏览器关闭止,故被称为会话cookie. 创建一个持久cookie: $.cookie(‘cookieName’,'cookieValue’,{expires:7}); 注:当指明时间时,故称为持久cookie,并且有效时间为天. 创建一个持久并带有效路…

jquery.cookie.js操作cookie实现“记住密码”，很简单很强大

//初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").val($.cookie(…

H5移动端JS操作LocalStorage方法

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

jQuery 文档操作 - prependTo() ，appendTo()方法

其他jquery文档操作方法:http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp jQuery 参考手册 - 文档操作 appendTo和prependTo()操作和效果类似. 1,prependTo() 方法在被选元素的开头(仍位于内部)插入指定内容. 2,如果要插入的内容是某个元素,会把某个元素拿走,放到另一个元素前面. 效果:可以把指定的元素,从原来的位置取走,放到另一个元素前面. 实例:第一种效果, <html>…

jQuery之dom操作（取赋值方法）

取赋值相关方法: .html() .text() .size() .addClass() .removeClass() .hasClass() .css() .attr() .prop() 注意: 1.尽量避免直接添加行间样式,因为其权重过高,这样不利于响应式设计,破坏了c3 + h5 优雅的解决方案 2.attr和prop的区别:j…

js操作Dom的一些方法简化

众所周知JQ的选择符很强大,一些看起来很难实现的功能只要在$符号中传入简单的字符串就可以获取到各种层级关系的DOM,而却不用考虑浏览器的兼容性.但有时候在做小项目的时候并不需要引入JQ,而又不想频繁繁琐地调用原始方法,那么我们可以考虑对它们做一点小小的修改,来帮助你在以后需要用到它们的时候变得方便简单.下面是一些基本方法的封装处理: 1.document.getElmentById();最基本,最常用的方法. var $ = function (id) { return typeof id ==…

jquery、js操作checkbox全选反选

全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下操作checkbox,全选反选//全选 function checkAll() { $('input[name="TheID"]').attr("checked", "checked"); } //反选 function uncheckAll() { $('input[name="TheID"]').each(function() { this.…

js操作string它substr方法

substr 方法从指定的指定起始位置的长度返回一个子. stringvar.substr(start [, length ]) 參数 stringvar 必选项. 要提取子字符串的字符串文字或 String 对象. start 必选项.所需的子字符串的起始位置.字符串中的第一个字符的索引为 0. length 可选项. 在返回的子字符串中应包含的字符个数. 说明假设 length 为 0 或负数,将返回一个空字符串.假设没有指定该參数,则子字符串将延续到 stringvar 的最后. 演示…

纯JS操作获取桌面路径方法

//active 控件获取当前用户的桌面的路径的方法 var wsh = new ActiveXObject("wscript.shell"); listall(wsh.SpecialFolders("Desktop")); function listall(imagePath){ // active 控件读取桌面指定名称图片的方法 var fso=new ActiveXObject("Scripting.FileSystemObject");…

js 操作数组的一些方法

1.从数组中获取最大的数 function getMaxfromarr(arr) { var lasti = 0; for (var i = 0; i < arr.length; i++) { if (i == 0) { lasti = arr[i]; } else { if (lasti > arr[i]) { continue; } else { lasti = arr[i]; } } } return lasti; } 2.数组中的数据重新排序 function bubbleSort(a…

解密jQuery内核 DOM操作

jQuery针对DOM操作的插入的方法有大概10种 append.prepend.before.after.replaceWith appendTo.prependTo.insertBefore.insertAfter.replaceAll 分2组,上下对照,实现同样的功能.主要的不同是语法——特别是内容和目标的位置依赖的domManip,buildFragment模块在之前就分析过了在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点对于 .after(), 选择表达式在函…

jQuery插件之验证控件jquery.validate.js

今天学习一下jQuery.Validate插件,为便于日后翻阅查看和广大博客园园友共享,特记于此. 本博客转载自:jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 Jörn Zaeff…

jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示

一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二. 添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面. 三.需要改写触发校验的方式. $("#commentForm").validate({meta: "validate"}); 四.详细代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit…

分步引导中，Js操作Cookie，实现判断用户是否第一次登陆网站

上一篇介绍了分布引导插件IntroJs的使用,本篇介绍通过Js操作cookie的方法. 分步引导的功能只适合与第一次登陆网站的新用户,不能每次登陆都提示分布引导,那么如何判断用户是否第一次登录网站呢? 通过Js操作浏览器Cookie,方法有很多种,大多数是通过js获取到cookie存储的键值对,然后找到需要的哪一个键,在判断值,但是这种方案比较繁琐,现在给出一种新的想法.手动设置一个字段到cookie中,这样每次只判断是否有这个字段即可.代码如下: <script type="text/j…

JS操作cookie以及本地存储（sessionStorage 和 localStorage ）

JS操作cookie cookie的操作用两种方式 1.substring //创建cookie function setCookie(name,value,expires,path,domain,secure){ var cookieText=encodeURIComponent(name)+'='+encodeURIComponent(value); if(expires instanceof Date){ cookieText+='; expires='+expires; } if(pat…

js进阶 11-1 jquery中的页面内容操作的三个方法

jquery中的页面内容操作的三个方法一.总结一句话总结:记三个方法即可.text,html,val.因为这里是方法,所以设置值的是后面方法的参数. 1.jquery中的页面内容操作的三个方法? text,html,val text()方法:获取和设置某个元素的“文本内容”. html()方法:获取和设置某个元素中的“HTML内容” val()方法:获取或设置“表单元素”的值. 30 // alert($('#main').text()) 2.jquery中如何设置页面内容操作来设置元素的值…

jquery和Js的区别和基础操作

jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以,一般用带有min的,是压缩版的,如果还要引用其他js文件的话,一定要juery包在上面,其他的引用放在他下面先来看看如果使用Juery的话,怎么来引用Juery包这样来引用,然后就可以用Juery方法了和js的语法一样,都是写在<script type = "text/javascrip…

jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例使用 noConflict() 方法为 jQuery 变量规定新的名称: var jq=$.noConflict(); 亲自试一试定义和用法 noConflict() 方法让渡变量 $ 的 jQuery 控制权. 该方法释放 jQuery 对 $ 变量的控制. 该方法也可用于为 jQuery 变量规定新的自定义名称. 提示:在其他 JavaScript 库为其…

jquery.form.js实现将form提交转为ajax方式提交的使用方法

本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法.分享给大家供大家参考.具体分析如下: 这个框架集合form提交.验证.上传的功能. 这个框架必须和jquery完整版结合,否则使用min则无效. 原理:利用js进行对form进行组装成ajax的url和data,原理还是用ajax来提交,其实这完全可以自己写,但是有这个框架可能会更简单. 一.最简单例子: 第一步:引用js <!--这里的min是自己用js压缩工具对完整版进行的压缩并不是真正的min,所以好…

Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法，绑定,each循环，ajax获取json数据

jquery.tmpl.js 是一个模板js ,主要有2个方法 (1):$.template()方法,将一段script或者是Html编译为模板,例如 $.template('myTemplate', markup); 后者的markup一般是一段script脚本包围的变量名,或者是js里面的变量名,而前者的myTemplate则是指,我将markup编译为一个模板缓存,模板名称为myTemplate,如果我以后有需要在其他地方调用,则只用拿 myTemplate 即可,因为他已经在js的缓…

js,jQuery数组常用操作小结

一.js中数组常用操作小结 (1) shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); 结果 a:[2,3,4,5] b:1 (2) unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); 结果 a:[-2,-1,1,2,3,4,5] b:7 注:在IE6.0下测试返回值总为undefi…

【JQuery和JS操作LocalStorage/SessionStorage的方法】的更多相关文章