浅谈MUI框架中加载外部网页或服务器数据的方法
时间:2019-04-13
本文章向大家介绍浅谈MUI框架中加载外部网页或服务器数据的方法,主要包括浅谈MUI框架中加载外部网页或服务器数据的方法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
我们很多同学在实施使用MUI框架的时候,在打开新的页面的时候常使用的方式是:mui.openwindow的方法,然而遇到网页需要从服务器或者是要嵌套外部的网页的时候,由于网速的问题会遇到加载时出现白屏,等待时间过长,导致用户体验不好.
页面加载的时候使用plus.webview.create方法就很好的解决了这个问题.
废话不多说直接贴代码
首先我们需要在创建一个父页面,以下是父页面的JS
// H5 plus事件处理 function plusReady(){ var nwaiting = plus.nativeUI.showWaiting();//打开原生加载等待框 ws=plus.webview.currentWebview();//创建一个新的页面 embed=plus.webview.create(“createShow.html”,”“,{bottom:”0px”});//新的页面地址 embed.onclose=embedClose; ws.append(embed); } if(window.plus){ plusReady(); }else{ document.addEventListener(“plusready”,plusReady,false); } // 页面关闭事件回调函数 function embedClose(e){ alert( “Closed!” ); }
创建一个createShow.html子页面,这个是我自己取的名字 ,
mui.init({ //示例打开百度,进行加载 subpages:[{ url:"https://www.baidu.com", id:"https://www.baidu.com", styles:{ } }] })
mui.plusReady(function(){
var ws = plus.webview.currentWebview();//加载进外部网页,加载完成关闭等待框 ws.show('slide-in-right', 50); plus.nativeUI.closeWaiting();
} )
以上这篇浅谈MUI框架中加载外部网页或服务器数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 使用Mfuzz包做时间序列分析
- 网络安全 | 瑞哥带你全方位解读防火墙技术!
- 【SpringBoot DB 系列】Jooq 之新增记录使用姿势
- 突击并发编程JUC系列-并发工具 Semaphore
- 构建Linux根文件系统
- ARM指令ldr和adr的区别
- 挂载文件系统出现"kernel panic..." 史上最全解决方案
- 汇编程序调用c函数为什么需要设置栈?
- Uboot到底如何启动内核
- Flink部署及作业提交(On YARN)
- Flink部署及作业提交(On Flink Standalone)
- MySQL题集
- 《深入浅出SQL》问答录
- Python_字典实现简单预约系统
- java_二维数组简单快递系统