mui在一个页面执行另外一个页面的方法,通常有mui.fire()和mui.evalJS()两种方法。例如在B页面调用A页面的方法initMe(param)函数,有以下两种写法:
/**************mui.fire************/
//A页面
function initMe(param){
console.log(param);
}
//监听B页面的execMe事件
window.addEventListener('execMe',function(event){
var str = event.detail.str; //接收B页面传递过来的参数
initMe(str); //执行定义的initMe函数
})
//B页面
//获取A页面
var webviewA = plus.webview.getWebviewById('A');
mui.fire(webviewA,'execMe',{
str : '我是传递过去的参数'
})
/**************mui.evalJS************/
//A页面
function initMe(param){
console.log(param);
}
//B页面
//获取A页面
var webviewA = plus.webview.getWebviewById('A');
//执行A页面的initMe函数
webviewA.evalJS('initMe("我是传递过去的参数")');
二者的区别:
1、在用法上evalJS更简单;
2、参数多的时候,用fire更方便;
3、Android层面的evalJS做了一个队列,当执行时webview没有处于ready状态,evalJS会等到webview处于ready状态再执行;而fire依赖于mui,需要同时等待目标webview的mui也已经loaded才可以执行。