方式一：mui---通过mui.openWindow传递参数
openWindow_send_page.html(发送页面)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><button type="button" class="mui-btn mui-btn-green">用mui-openWindow向recieve_page页面传值</button><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();//openWindow方式document.getElementsByTagName('button')[0].addEventListener('tap', function() {mui.openWindow({url: 'openWindow_recieve_page.html',id: 'openWindow_recieve_page',extras: {name: 'curry'}});});</script></body></html>
openWindow_recieve_page.html(接收页面)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><span id="span1">span1</span><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();mui.plusReady(function() {var self = plus.webview.currentWebview();//或通过webview的id找到//var self=plus.webview.getWebviewById('openWindow_recieve_page');document.getElementById("span1").innerText = 'hi,' + self.name;})</script></body></html>
方式二：mui---通过plus.webview.create创建webview并打开新页面并传参到新页面
create_webview_home.html(主页)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><button id="button1" class="mui-btn mui-badge-purple">打开子页</button><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();document.getElementById("button1").addEventListener('tap', function() {mui.plusReady(function() {var nwating = plus.nativeUI.showWaiting(); //显示原生等待框var webview_sub = plus.webview.create('create_webview_sub.html','create_webview_sub', {}, {name: 'davis'}); //后台创建webview并打开页面webview_sub.addEventListener('loaded', function() {nwating.close(); //关闭等待框webview_sub.show('slide-in-right', 150); //把新的webview窗口显示出来}, false);});})</script></body></html>
create_webview_sub.html(新页面)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><div id="div1"></div><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();mui.plusReady(function () {document.getElementById("div1").innerText='hi,'+plus.webview.currentWebview().name;})</script></body></html>
方式三：mui---mui.fire触发自定义事件传事件对象中的参数
fire_event_send_page.html(发送页面)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><button id="btn_send" type="button" class="mui-btn mui-badge-danger">使用mui.fire触发自定义事件传递参数</button><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();var ws=null;mui.plusReady(function () {ws=plus.webview.create('fire_event_recieve_page.html','fire_event_recieve_page');});document.getElementById("btn_send").addEventListener('tap',function() {//'my_event'是自定义事件名称，name是事件参数 ,监听事件中回调用函数可用event.detail.name获取mui.fire(ws,'my_event',{name:'zyz'});ws.show();});</script></body></html>
fire_event_recieve_page.html(接收页面)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><div id="div1"></div><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();//监听事件my_eventwindow.addEventListener('my_event',function(event) {//event是事件对象，可以得到触发时的事件参数document.getElementById("div1").innerText='hi,'+event.detail.name;})</script></body></html>
方式四：mui---webview对象调用evalJS来传递参数
evalJS_send_page.html(发送页面)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><button id="btn_send" type="button" class="mui-btn mui-btn-blue">发送页面执行接收页面定义的函数并传参</button><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();var ws = null;mui.plusReady(function() {//如果使用html5+api,如plus.barcode,plus.webview,plus.nativeUI等需要放入plusReady事件中,而且要用真机运行ws = plus.webview.create('evalJS_recieve_page.html', 'evalJS_recieve_page');});document.getElementById("btn_send").addEventListener('tap', function() {var name = 'mike';ws.evalJS('get_para("' + name + '")'); //evalJS执行字符串里的js代码ws.show();})</script></body></html>
evalJS_recieve_page.html(接收页面)
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="css/mui.min.css" rel="stylesheet" /></head><body><div class="mui-content"><div id="div1"></div></div><script src="js/mui.min.js"></script><script type="text/javascript">mui.init();// 定义一函数给发送页面调用,获得其传入的参数function get_para(para) {document.getElementById("div1").innerText='hi,'+para;}</script></body></html>
原文地址：
/beast-king/p/9113831.html
/beast-king/p/9118748.html
/beast-king/p/9113630.html
/beast-king/p/9113383.html
