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>
  • 相关阅读:
    【二】MongoDB入门
    【三】MongoDB文档的CURD操作
    【四】MongoDB索引管理
    【五】MongoDB管理之生产环境说明
    【六】MongoDB管理之副本集
    【七】MongoDB管理之分片集群介绍
    【八】MongoDB管理之分片集群实践
    【九】MongoDB管理之安全性
    mysql5.7新特性探究
    19.SSM整合_配置式开发
  • 原文地址:https://www.cnblogs.com/beast-king/p/9113383.html
Copyright © 2011-2022 走看看