webView 和Js的交互

最新推荐文章于 2024-06-05 20:11:08 发布

l55iuming

最新推荐文章于 2024-06-05 20:11:08 发布

阅读量340

点赞数

CC 4.0 BY-SA版权

分类专栏： android学习

本文链接：https://blog.youkuaiyun.com/l55iuming/article/details/52862169

android学习专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用Android中的WebView与JavaScript进行双向交互。包括在Android中调用JS代码的方法、在网页中调用Android Java代码的方式，以及如何在Java和JS之间传递参数。

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

1. android 中利用webView 来调用js的代码

Android中可以通过webView来实现和js的交互，在程序中调用Js代码，只需要将webView控件支持js的属性设为true，然后通过loadUrl就可以直接调用，如下所示：

mWebView.getSetting().setJavaScriptEnable(true);

mWebView.loadUrl("javascript:test()");

2.网页上调用 android中java代码的方法

在网页中调用java代码，需要在webView控件中添加javascriptInterface.如下所示：

<span style="font-size:18px;">mWebView.addJavascriptInterface(new Object() { 
            public void clickOnAndroid() { 
                mHandler.post(new Runnable() { 
                    public void run() { 
                        Toast.makeText(Test.this, "测试调用java", Toast.LENGTH_LONG).show();
                    } 
                }); 
            } 
        }, "demo");</span>

在网页中，只需像调用Js方法一样，进行调用就可以

3. java中Js调用函数并传参：

首先需要带参的js函数，如function test(str)，然后只需在调用js传入参数即可，如下所示：

mWebView.loadUrl("javasript:test('haha')");

4. Js中java调用函数并传参：

首先一样需要带参数的函数形式，但需要注意此处的参数需要final类型，即得到以后不可修改，如果需要修改其中的值，可以先设置中间变量，然后进行修改。如下所示；

mWebView.addJavascriptInterface(new Object() { 
            public void clickOnAndroid(final int i) { 
                mHandler.post(new Runnable() { 
                    public void run() { 
                                int j = i;
                                j++;
Toast.makeText(Test.this, "测试调用java" + String.valueOf(j), Toast.LENGTH_LONG).show();
                    }
                });
            } 
        }, "demo");

然后在html页面中，利用如下代码<div id='b'><a onclick="window.demo.clickOnAndroid(2)">b.c</a></div>，即可实现调用