• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > DCloud,APICloud >  mui.fire()和mui.evalJS()的正文

mui.fire()和mui.evalJS()的区别

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-06-21 11:09
分享到:
mui在一个页面执行另一个页面,通常有两种方法:mui.fire()和mui.evalJS()。例如,在B页面要执行A页面的initMe(param)函数,那么用两种方法可以如下写:
/**************mui.fire************/
//A页面
function initMe(param){
    console.log(param);
}
//监听A页面的execMe事件
window.addEventListener('execMe',function(event){
    var str = event.detail.str;  //接收A页面传递过来的参数
    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、从传递参数的放来来看,如果需要执行的方法initMe的参数特别多,那么用fire更加的方便。
    3、android层面的evalJS做了一个队列,当执行时目标webview没有处于ready状态,evalJS会等待ready后再执行,而fire依赖于mui。所以同时需要目标webview的mui也已经loaded。一般情况下(IOS)建议自行等待webview的loaded触发后再fire。 (责任编辑:网页模板)
  • 本文标签:
  • mui.fire()和mui.evalJS()
mui.previewimage.js图片预览不全屏解决办法,可以举一反三
html5 plus pickDate和pickTime,mui日期和时间选择器