这篇文章将为大家详细讲解有关LocalStorage与SessionStorage怎么在JavaScript中使用,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
<强>第一步:使用jQuery的普通写法
<强> 1,JS代码
2,效果图
//,所用到的变量统一写在一起
var 弗吉尼亚州,va2, getV getV2;//,设置localStorage方法
function localSet () {
美元,va =, (“.value0") .val (),
美元,va2 =, (“.value1") .val ();
,localStorage.setItem(弗吉尼亚州“value0");
,localStorage.setItem (“value1" va2);
}；//,获取localStorage方法
function localGet () {=,,getV localStorage.getItem (“value0"),=,,getV2 localStorage.getItem (“value1");
,$ (“.value0") .val (getV);
,$ (“.value1") .val (getV2);
}//,键盘按键弹起就设置localStorage的值
$(文档)。(& # 39;keyup # 39;,函数(){
,localSet ();
});//,页面一加载就调用设置localStorage的方法
localGet ();
2,效果图
//,所用到的变量统一写在一起
var 弗吉尼亚州,va2, getV getV2;
var localObj =, {
,//设置localStorage方法
,localSet :函数(){
va 才能=,$ (“.value0") .val (),
va2 才能=,$ (“.value1") .val ();
localStorage.setItem才能(弗吉尼亚州“value0");
localStorage.setItem才能(“value1" va2);
},
,//获取localStorage方法
,localGet :函数(){
时间=getV 才能;localStorage.getItem (“value0"),
时间=getV2 才能;localStorage.getItem (“value1");
美元才能(“.value0") .val (getV);
美元才能(“.value1") .val (getV2);
,}
}
$(文档)。(& # 39;keyup # 39;,函数(){
,localObj.localSet ();
});//,页面一加载就调用设置localStorage的方法
localObj.localGet ();
2,效果图
var localObj =, {
,//设置localStorage方法
,localSet :函数(){//才能,我这里测试用的,所以直接选中所有的输入长度,实际使用换成相同类名即可
for 才能;(var 小姐:=,0;,小姐:& lt;,美元(“input") . length;,我+ +),{
,,//,这里要注意,所有的localStorage的关键都要相同,只是数字不同而已
,,localStorage.setItem (“value" +我,$ (“.value" + i) .val ());
,,}
},
,//获取localStorage方法
,localGet :函数(){
for 才能;(var 小姐:=,0;,小姐:& lt;,美元(“input") . length;,我+ +),{//,,,获取对应的键值,因为这里使用的是价值+数字,所以直接这样获取即可
,,(“.value" + i)美元.val (localStorage.getItem (“value" + i));
,,}
,}
}
$(文档)。(& # 39;keyup # 39;,函数(){
,localObj.localSet ();
});
localObj.localGet ();
