首页 > 建站教程 > APP开发,混合APP >  MUI evalJS跨webview回传参或执行方法正文

MUI evalJS跨webview回传参或执行方法

在H5+app的开发中,webview的操作是基础,在实际的应用中我们通常会发现不同的webview之间需要相互传递参数或者执行方法。

准备工作:
我们需要两个页面A和B,B是A的子页面,点击B中的某个按钮,把B中的参数传递给A并刷新A.

实现方法: 
在A页面中首先要有一个接收参数并展示的方法:
function showAG(ag){   
    document.getElementById("pa").innerHTML=ag;   
}  
B页面中按钮的点击事件:
function rtnAg(){   
    var wvB=plus.webview.currentWebview();          //获取当前窗口的WebviewObject对象,即B  
    var wvA=wvB.opener();                           //获取当前窗口的创建者,即A  
    wvA.evalJS("showAG('"+document.getElementById("pb").innerHTML+"')");        //执行父窗口中的方法  A中的showAG方法  
    wvB.close();                        //关闭B  
}