当前位置： 移动技术网 > 移动技术>移动开发>Android > 解析Android中webview和js之间的交互

解析Android中webview和js之间的交互

2019年07月24日  | 移动技术网移动技术  | 我要评论

1.android中利用webview调用网页上的js代码。
android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true，，然后通过loadurl就可以直接进行调用，如下所示：
mwebview.getsettings().setjavascriptenabled(true);
mwebview.loadurl("javascript:test()");

2. 网页上调用android中java代码的方法
在网页中调用java代码，需要在webview控件中添加javascriptinterface。如下所示：

复制代码 代码如下:

mwebview.addjavascriptinterface(new object() {
            public void clickonandroid() {
                mhandler.post(new runnable() {
                    public void run() {
                        toast.maketext(test.this, "测试调用java", toast.length_long).show();
                    }
                });
            }
        }, "demo");

在网页中，只需要像调用js方法一样，进行调用就可以
<div id='b'><a onclick="window.demo.clickonandroid()">b.c</a></div>

3. java代码调用js并传参
首先需要带参数的js函数，如function test(str)，然后只需在调用js时传入参数即可，如下所示：
mwebview.loadurl("javascript:test('aa')");

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>，
即可实现调用

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网