mui.openWindow如何使用
时间: 2024-05-05 09:16:52 浏览: 13
mui.openWindow是mui框架提供的一个方法,用于打开新的窗口页面。使用方式如下:
1. 引入mui.js文件。
在HTML中引入mui.js文件,可以使用CDN链接或者本地文件路径。例如:
```
<script src="https://cdn.bootcdn.net/ajax/libs/mui/3.7.1/js/mui.min.js"></script>
```
2. 定义要打开的页面地址。
在代码中定义要打开的页面地址,可以是远程地址或者本地文件路径。例如:
```
var url = "http://www.example.com/page.html";
```
3. 调用mui.openWindow方法。
使用mui.openWindow方法打开新的窗口页面,传入要打开的页面地址和一些可选的参数。例如:
```
mui.openWindow({
url: url,
extras: {
key1: value1,
key2: value2
},
createNew: false,
styles: {
cachemode: "noCache"
},
show: {
autoShow: true,
aniShow: "slide-in-right",
duration: 200
},
waiting: {
autoShow: true,
title: "正在加载...",
options: {
background: "#FFFFFF",
color: "#000000"
}
}
});
```
其中,各个参数的含义如下:
- url: 要打开的页面地址;
- extras: 传递给被打开页面的额外参数,可以通过plus.webview.currentWebview().extras获取;
- createNew: 是否创建新的webview对象,true为创建新的,false为复用已有的,默认为false;
- styles: 新窗口的样式,如缓存模式、背景色等;
- show: 新窗口显示时的动画效果和持续时间;
- waiting: 新窗口加载期间显示的等待框,可以设置标题、背景色和文字颜色等。
4. 完成。
通过以上步骤,就可以使用mui.openWindow方法打开新的窗口页面了。