zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    连通分量板子
    2017年7月17日
    强连通缩点— HDU1827
    马拉车代码
    表达式求值
    Gym-100883F、Gym-101095B状态压缩小结
    矩阵快速幂小结-Hdu2604
    3月27日
    简单移动端自适应轮播图
    上了热搜榜前端工程师面试内幕
  • 原文地址:https://www.cnblogs.com/beast-king/p/9113383.html
Copyright © 2011-2022 走看看