在一個用mui作得app中,要求把歷史記錄放在本地(感受。。。沒法言喻的sd),但最終仍是作了,如下來記錄本次的學習到的內容javascript
mui.plusReady(function() { //這裏是一開始定義的json數據 var b = [{ name: 'lkr', id: '1', time: '2019/7/16', url:'http://img5.imgtn.bdimg.com/it/u=3300305952,1328708913&fm=26&gp=0.jpg' }] var objString = JSON.stringify(b) //將json數據變成字符串類型放入storage裏面存儲 plus.storage.setItem('1', objString ) //取出在storage裏面的數據 var objStringNew = plus.storage.getItem('1'); var obj = JSON.parse(objStringNew)//將字符串轉爲json格式 //將存儲在本地的json數據拿出來 obj.unshift({ name:'lrk', id:'2', time:'2019/7/16', url:'圖片的路徑' }) //html中獲取一個元素 var arraylist = document.getElementById('mainid'); //定義一個變量,在初始化的時候把數據都初始化到這個變量中 var neirong = " "; //利用for循環把數據遍歷到控件中 for (var i=0;i<obj.length;i++) { neirong += "<li class='mui-table-view-cell mui-media'>"+ "<a href='javascript:;'>"+ "<img class='mui-media-object mui-pull-right' src='"+ obj[i].url +"'>"+ "<div class='mui-media-body'>"+ obj[i].name + " <p class='mui-ellipsis'>"+ obj[i].time +"</p>"+ " </div>"+ "</a>"+ " </li>"; } //把數據放入html頁面中進行渲染 arraylist.innerHTML = neirong })
以上是對mui本地存儲的初步學習html