前端與移動開發樂淘專案-day03
阿新 • • 發佈:2018-12-06
1.理解getParamByUrl方法:
//getParamByUrl方法的第一個引數應該傳入完整的位址列地址
//getParamByUrl方法的第二個引數應該傳入需要獲取的引數對應的引數名
//getParamByUrl方法將會返回需要獲取的引數值
function getParamByUrl(url,name){ //將url地址字串中 “?” 之後的所有字元截取出來賦值給params var params = url.substr(url.indexOf("?")+1); //將字串params按照“&”符號進行分隔 var param = params.split("&"); //遍歷分隔出來的所有內容 for(var i=0;i<param.length;i++){ //將第i個分隔出來的內容再按照“=”符號進行分隔 var current = param[i].split("="); //判斷分隔出來的引數名是否與傳遞的引數名一致 if(current[0] == name){ //返回引數值 return current[1]; } } //如果迴圈中沒有查詢到與引數名一致的引數,則返回null return null; } 2.mui的上拉載入元件的使用: <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <!--這裡放置真實顯示的DOM內容--> </div> </div> mui.init({ pullRefresh : { container:".mui-scroll-wrapper",//注意:container應設定為區域滾動元件 up : { height:50,//可選.預設50.觸發上拉載入拖動距離 auto:true,//可選,預設false.自動上拉載入一次 contentrefresh : "正在載入...",//可選,正在載入狀態時,上拉載入控制元件上顯示的標題內容 contentnomore:'沒有更多資料了',//可選,請求完畢若沒有更多資料時顯示的提醒內容; callback:getData//回撥函式getData,當上拉載入時呼叫getData } } }); function getData(){ //重置上拉載入(之前如果設定成了沒有更多內容,可以重置進行繼續上拉載入) mui(".mui-scroll-wrapper").pullRefresh().refresh(true); //如果.endPullupToRefresh方法傳遞的引數為false,則可以繼續進行上拉 //如果.endPullupToRefresh方法傳遞的引數為true,則無法繼續進行上拉 mui(".mui-scroll-wrapper").endPullupToRefresh(true|false); } 3.mui禁止了a標籤的原生跳轉,可以呼叫mui提供的方法進行跳轉: //跳轉到index.html頁面 mui.openWindow({ url:"index.html" })