HTML5+開發移動app教程4-mui中幾種open頁面的區別_html/css_WEB-ITnose

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: {} //額外擴展參數 }]});

mui.openWindow({ url: new - page - url, id: new - page - id, styles: { top: newpage - top - position, //新頁面頂部位置 bottom: newage - bottom - position, //新頁面底部位置 width: newpage - width, //新頁面寬度，默認為100% height: newpage - height, //新頁面高度，默認為100% ...... }, extras: { ..... //自定義擴展參數，可以用來處理頁面間傳值 } show: { autoShow: true, //頁面loaded事件發生后自動顯示，默認為true aniShow: animationType, //頁面顯示動畫，默認為”slide-in-right“； duration: animationTime //頁面動畫持續時間，Android平臺默認100毫秒，iOS平臺默認200毫秒； }, waiting: { autoShow: true, //自動顯示等待框，默認為true title: '正在加載...', //等待對話框上顯示的提示內容 options: { width: waiting - dialog - widht, //等待框背景區域寬度，默認根據內容自動計算合適寬度 height: waiting - dialog - height, //等待框背景區域高度，默認根據內容自動計算合適高度 ...... } }})

// 方式1mui.init({ preloadPages: [{ url: prelaod - page - url, id: preload - page - id, styles: {}, //窗口參數 extras: {}, //自定義擴展參數 subpages: [{}, {}] //預加載頁面的子頁面 }]});// 方式2var page = mui.preload({ url: new - page - url, id: new - page - id, //默認使用當前頁面的url作為id styles: {}, //窗口參數 extras: {} //自定義擴展參數});