html5 json,json加入的html代码
下面通过实例代码给大家介绍HTML5中使用数据对象的方法,具体代码如下所示:
!DOCTYPE html html head meta charset= UTF-8 meta name= viewport content= width=设备宽度,高度=设备高度,初始规模=1,最大规模=1,最小规模=1,用户可扩展=否/titlejson对象用法/title link rel=样式表 href=//g . alicdn。com/de/prism player/2。6 .0/skins/default/aliplayer-min。CSS /script type= text/JavaScript src=//g . alicdn。com/de/prism player/2。6 .0/aliplayer-min。js /script/head body div class= prism-player id= J _ prism player style= position:absolute /div script var//将数据转为字符串存到变量里console.log(学生);localStorage.setItem(students ,学生);//将变量存到本地存储里var新生=本地存储。getitem(“学生”);newStudents=JSON.parse(学生);//转为JSON console.log(新学生);//打印出原先对象//警戒(新生。长度);警惕(新生。肖敏。姓名);//json数组类型字符串取值var jsonStr=[{id:01 , open:false, pId:0 , name:A部门},{id:01 , open:false, pId:0 , name:A部门},{id:011 , open:false, pId:01 , name:A部门},{id:03 , open:false, pId:0 , name:A部门},{id:04 , open:false, pId:0 , name:A部门},{id:05 , open:false, pId:0 , name:A部门},{id:06 , open:false, pId:0 , name:A部门}];var JSON obj=JSON。parse(JSON字符串);//转换为数据对象for(var I=0;ijsonobj . length I){ alert(jsonObj[I].id);//取数据中的值}控制台。log(JSON obj)var JSON str 1=JSON。stringify(JSON obj)控制台log(JSON str 1 JSON str 1 )/script/body/html补充:下面看下Html5中JSON对象与String的互相转换
面对现在移动端的迅速发展,提供数据的方式不在是以前的交叉线界面了,这促使了数据格式的使用,在H5以前的射流研究…中,我在前面的一个H4中射流研究…对数据中的处理提到了评价评价方法,eval(),在H5中数据与线的转换如下:
线转换为数据对象:
var jsonObj函数my parse(){ var JSON str=document。查询选择器( # txtJsonStr ).价值;JSON obj=JSON。parse(JSON字符串);} JSON对象转换为字符串:
函数myStringify(){ var txt JSON=document。查询选择器( # txtJsonStr );var JSON str 2=JSON。stringify(JSON obj);//此处的jsonObj是一个数据对象txt JSON。value=JSON str 2;}总结
以上所述是小编给大家介绍的HTML5中使用数据对象的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。