手機顯示資料的原理:手機通過WebView控制元件顯示網頁資料
阿新 • • 發佈:2018-11-11
WebView控制元件是用於顯示網頁的,手機根據網頁建立一個WebView,之後顯示出來,所以顯示WebView網頁是通過WebView控制元件顯示的。
<script type="text/javascript" charset="utf-8"> mui.init(); //mui載入完成事件 mui.plusReady(function() { //定義子頁面的陣列 var subPages = ["sub1.html", "sub2.html", "sub3.html", "sub4.html"]; //定義子頁面顯示位置樣式 var subPageStyle = { top: "44px",//距離頭部的距離 bottom: "50px"//距離底部的距離 } //獲取主的webview var mainView = plus.webview.currentWebview(); //遍歷子頁面陣列,更具每個子頁面url建立webview for(var i = 0; i < subPages.length; i++) { var url = subPages[i]; //建立webview語法plus.webview.create(url,id,style);返回webview物件 //引數1:url,用於指定將哪個web頁面建立為webview, //引數2:id,給每個web頁面七個識別符號,用於後面控制顯示 //引數3:style,設定樣式 var subView = plus.webview.create(url, url, subPageStyle) //預設設定每個子webview處於隱藏狀態 subView.hide(); //為了主子webview同時顯示,需要將每個子webview加入到主webview中 mainView.append(subView); } //預設設定sub1.html子頁面顯示 plus.webview.show(subPages[0]) }) </script>