js启动Activity,web页面调用Activity页面

最新推荐文章于 2023-11-21 19:44:05 发布

easyboot

最新推荐文章于 2023-11-21 19:44:05 发布

阅读量4.4k

点赞数

分类专栏： WEB前端 Android

本文链接：https://blog.youkuaiyun.com/easyboot/article/details/78579685

版权

WEB前端同时被 2 个专栏收录

111 篇文章

订阅专栏

Android

52 篇文章

订阅专栏

本文展示了一个HTML页面与JavaScript交互的示例，包括按钮触发的事件处理、数据填充到表格以及通过JavaScript调用原生应用功能。同时，介绍了如何在Android环境中实现WebView与JavaScript的双向通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML页面代码

<script src="~/Scripts/common.js"></script>

<button οnclick="Test()">Test</button>
<button onClick="jumpToAppPages()" value="jumpToAppPages">跳转原生页面</button>

<div id="chartContainer1" style="width: 98%; height: 600px;overflow:auto">
    <table id="tbList" class="table table-responsive table-bordered" style="width:95%;color:white;background-color:transparent;border-collapse: collapse;">
        <thead>
            <tr>
                <td>Barcode        </td>
                <td>Scan Date      </td> 
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div> 

<script type="text/javascript">
    var x = 0;
    function GetScanCode(barcode) {
        var trtd = "<tr>" +
              "<td>{0}</td> " +
              "<td>{1}</td> " + 
           "</tr>"
        var day1 = new Date();
        day1.setDate(day1.getDate() - 1);
        var Yesterday = day1.Format("yyyy-MM-dd");
        var rows = String.format(trtd, barcode, Yesterday);

        $("#tbList tbody").append(rows);
    }

    function Test() {
        GetScanCode(x++)
    }

    function jumpToAppPages()
    {
        test.jump();
    }

</script>

定义一个类用于js调用

    public class TestInterFace{
        Intent intent = null;
        private Context mContext;
        public TestInterFace(Context context){
            this.mContext = context;
        }

        @JavascriptInterface  //这个必须加，否则不能调用
        public  void jump(){
            intent = new Intent(mContext, TestActivity.class);
            startActivityForResult(intent, SCAN_CODE_REQUEST_CODE);
        }
    }

        mWebview.getSettings().setJavaScriptEnabled(true); 
        mWebview.loadData("", "text/html", null);
        mWebview.addJavascriptInterface(new TestInterFace(WebActivity.this),"test");
        mWebview.loadUrl("http://192.168.155.1:8102/Machine/Scancode/");
        //设置不用系统浏览器打开,直接显示在当前Webview
        mWebview.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });