淺談MUI框架中加載外部網(wǎng)頁(yè)或服務(wù)器數(shù)據(jù)的方法
我們很多同學(xué)在實(shí)施使用MUI框架的時(shí)候,在打開(kāi)新的頁(yè)面的時(shí)候常使用的方式是:mui.openwindow的方法,然而遇到網(wǎng)頁(yè)需要從服務(wù)器或者是要嵌套外部的網(wǎng)頁(yè)的時(shí)候,由于網(wǎng)速的問(wèn)題會(huì)遇到加載時(shí)出現(xiàn)白屏,等待時(shí)間過(guò)長(zhǎng),導(dǎo)致用戶體驗(yàn)不好.
頁(yè)面加載的時(shí)候使用plus.webview.create方法就很好的解決了這個(gè)問(wèn)題.
廢話不多說(shuō)直接貼代碼
首先我們需要在創(chuàng)建一個(gè)父頁(yè)面,以下是父頁(yè)面的JS
// H5 plus事件處理
function plusReady(){
var nwaiting = plus.nativeUI.showWaiting();//打開(kāi)原生加載等待框
ws=plus.webview.currentWebview();//創(chuàng)建一個(gè)新的頁(yè)面
embed=plus.webview.create(“createShow.html”,”“,{bottom:”0px”});//新的頁(yè)面地址
embed.onclose=embedClose;
ws.append(embed);
}
if(window.plus){
plusReady();
}else{
document.addEventListener(“plusready”,plusReady,false);
}
// 頁(yè)面關(guān)閉事件回調(diào)函數(shù)
function embedClose(e){
alert( “Closed!” );
}
創(chuàng)建一個(gè)createShow.html子頁(yè)面,這個(gè)是我自己取的名字 ,
mui.init({
//示例打開(kāi)百度,進(jìn)行加載
subpages:[{
url:"https://www.baidu.com",
id:"https://www.baidu.com",
styles:{
}
}]
})
mui.plusReady(function(){
var ws = plus.webview.currentWebview();//加載進(jìn)外部網(wǎng)頁(yè),加載完成關(guān)閉等待框
ws.show('slide-in-right', 50);
plus.nativeUI.closeWaiting();
} )
以上這篇淺談MUI框架中加載外部網(wǎng)頁(yè)或服務(wù)器數(shù)據(jù)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
下面小編就為大家?guī)?lái)一篇NodeJS的Promise的用法解析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
BootStrap下拉菜單和滾動(dòng)監(jiān)聽(tīng)插件實(shí)現(xiàn)代碼
這篇文章主要介紹了BootStrap下拉菜單和滾動(dòng)監(jiān)聽(tīng)插件實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
js canvas實(shí)現(xiàn)圓形流水動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)圓形流水動(dòng)畫(huà)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了淺談Javascript編程風(fēng)格，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
JS刪除數(shù)組中某個(gè)元素的四種方式總結(jié)
js刪除指定元素方法有很多,下面這篇文章主要給大家介紹了關(guān)于JS刪除數(shù)組中某個(gè)元素的四種方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
fiv.js實(shí)現(xiàn)flv文件blob流實(shí)時(shí)播放的項(xiàng)目實(shí)踐
本文主要介紹了fiv.js實(shí)現(xiàn)flv文件blob流實(shí)時(shí)播放的項(xiàng)目實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
關(guān)閉瀏覽器時(shí)提示onbeforeunload事件
這篇文章主要介紹了關(guān)閉瀏覽器時(shí)提示onbeforeunload事件，有需要的朋友可以參考一下2013-12-12
JavaScript之map reduce_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript之map reduce的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
下面小編就為大家?guī)?lái)一篇js修改onclick動(dòng)作的四種方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷。這篇文章主要介紹了BootStrop前端框架入門教程詳,需要的朋友可以參考下2016-12-12