1. 程式人生 > >手機顯示資料的原理:手機通過WebView控制元件顯示網頁資料

手機顯示資料的原理:手機通過WebView控制元件顯示網頁資料

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>