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>
  • 相关阅读:
    iOS沙盒目录
    iOS 1-2年经验面试参考题
    iOS 深浅拷贝
    MacOS10.11的/usr/bin目录不可写后class-dump的处理办法
    AFNetWorking 队列请求
    iOS 宏(define)与常量(const)的正确使用
    【译】使用UIKit进行面向对象的编程
    零基础如何系统地学习前端开发?
    加载UI
    __weak
  • 原文地址:https://www.cnblogs.com/beast-king/p/9113383.html
Copyright © 2011-2022 走看看