04 AppCan入门学习之本地存储locStorage
本地存储LocStorage
方法:
1.appcan.locStorage.getVal(key) 获取key保存在localStorage中对应的值
//获取保存的color
appcan.locStorage.getVal('color');//返回保存的颜色值
2.appcan.locStorage.setVal(key,Val) 要设置的键值对
//设置一个color到本地存储中
appcan.locStorage.setVal('color','red');
3.appcan.locStorage.val(key,value) 获取或者设置localStorage的值
//获取保存在localStorage中所有的key
varvalue = appcan.locStorage.val('k');//返回值是数组,包含所有的key
4.appcan.locStorage.remove(key) 清除localStorage中对应的值
//清除保存的颜色值
appcan.locStorage.remove('color');
5.appcan.locStorage.keys() 获取localStorage中,保存的所有键值
//获取保存在localStorage中所有的key
varkeys = appcan.locStorage.keys();//返回值是数组,包含所有的key
例:
Page1_content.html
添加输入框及BUTTON
<!---插入搜索输入框--->
<divclass="sc-bg-activeuinputubub-f1bc-borderuba"><divclass="uinnfafa-searchsc-text"></div><inputplaceholder="请输入搜索内容"type="text"class="ub-f1"id="textid"onblur="fun()"></div><!--插入BUTTON--><divclass="btnubub-acbc-text-headub-pcbc-btnumar-t"id="btn">按我跳转页面并获取数据</div>
完成事件处理
//BUTTON事件函数appcan.button(".btn","ani-act",function(){appcan.window.open({name:'showpage',data:'showpage.html',aniId:10});})//失去焦点函数onblur="fun()"functionfun(){//获取当前页面DIV为textid的值varcity=$("#textid").attr("value");//alert(city);//值的存储并设置id为cityIdappcan.locStorage.setVal('cityId',city);}
Showpage_content.html
增加DIV显示<divid="d1"class="ulev1"></div></body>接收数据appcan.ready(function(){//varcity=appcan.locStorage.val('cityId');varcity=appcan.locStorage.getVal("cityId");//alert(decodeURI(city));$("#d1").html(decodeURI(city)+'您好!');});
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。