Hbuilder------窗口管理

------頁面初始化

　　在app開發中，若要使用HTML5+擴展api，必須等plusready事件發生後才能正常使用，mui將該事件封裝成了mui.plusReady()方法，涉及到HTML5+的api，建議都寫在mui.plusReady方法中.

　　打印當前頁面URL的示例：

　　　　mui.plusReady(fouction(){

　　　　　　console.log("當前頁面URL："+plus.webview.currentWebview().getURL());

　　　　　　　　});

------擴展閱讀：

　　　mui.init()     mui插件初始化
　　　mui.ready()     當DOM準備就緒時，指定一個函數來執行
           代碼塊激活字符：minit

------建立子頁面

　　在mobile app開發過程當中，常常會出現共用的導航欄或者選項卡，每次打開頁面都須要從新渲染，並且容易出現卡頭卡尾的現象。而且此時若使用局部滾動，在android手機上會出現滾動不流暢的問題；

　　mui提供的兩種解決方案：
　　第一種：在plus環境下，使用原生titleNView以及原生tabbar來替換頁面的導航欄或者選項卡。在頁面打開時，渲染已經完成，讓你的應用更接近原生app。     原生titleNView參考mui.openWindow，原生tabbar可參考ask教程示例。

　　第二種：經過雙webview模式解決，此種狀況適用於須要上下拉刷新的列表頁面。將須要滾動的區域經過單獨的webview實現，徹底使用原生滾動。具體作法則是：將目標頁面分解爲主頁面和內容頁面，主頁面顯示卡頭卡尾區域，好比頂部導航、底部選項卡等；內容頁面顯示具體須要滾動的內容，而後在主頁面中調用mui.init方法初始化內容頁面。如：

　　mui.init({
　　　　subpages:[{
　　　　　　url:your-subpage-url,    //子頁面HTML地址，支持本地地址和網絡地址
　　　　　　id:your-subpage-id,    //子頁面標誌
　　　　　　styles:{
　　　　　　　　top:subpage-top-position,     //子頁面頂部位置
　　　　　　　　bottom:subpage-bottom-position,    //子頁面底部位置
　　　　　　　　width:subpage-width,    //子頁面寬度，默認爲100%
　　　　　　　　height:subpage-height,    //子頁面高度，默認爲100%
　　　　　　　　......
　　　　　　　　},
　　　　　　　　extras:{}     //額外擴展參數
　　　　　　　　}]
　　　　　　　});

　　參數說明：styles表示窗口屬性，特別注意，height和width兩個屬性，即便不設置，也默認按100%計算；所以若設置了top值爲非"0px"的狀況，建議同時設置bottom值，不然5+ runtime根據高度100%計算，可能會形成頁面真實底部超出屏幕範圍的狀況；left、right同理。
　　　index.html-----做用爲顯示固定導航
　　　list.html----顯示具體列表內容，列表項的滾動實在list.html所在webview中使用原生滾動，既保證了滾動條不會穿透頂部導航，list.html是index.html的子頁面。建立代碼簡單，以下：

　　　　mui.init({
　　　　　　subpages:[{
　　　　　　　　url:"list.html",
　　　　　　　　id:"list.html",
　　　　　　　　styles:{
　　　　　　　　　　top:"45px",//mui標題欄默認高度爲45px；
　　　　　　　　　　bottom:"0px"  //默認爲0px，可不定義
　　　　　　　　　　}
　　　　　　　　　}]
　　　　　　　　});

------擴展閱讀：

　　　代碼塊激活字符：misubpage

------打開新頁面（針對web app）