解析Android中webview和js之间的交互
程序员文章站
2023-01-02 08:55:07
1.android中利用webview调用网页上的js代码。android 中可以通过webview来实现和js的交互,在程序中调用js代码,只需要将webview控件的支...
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>,
即可实现调用
推荐阅读
-
Android 入门第十讲02-广播(广播概述,使用方法(系统广播,自定义广播,两个activity之间的交互和传值),EventBus使用方法,数据传递,线程切换,Android的系统广播大全)
-
Android中Activity之间跳转和参数传递的实例
-
Android中Activity之间跳转和参数传递的实例
-
WKWebView、WebView和JS的交互方式详解
-
深入解析Vue.js中v-bind v-model的使用和区别
-
Android中js和原生交互的示例代码
-
WKWebView、WebView和JS的交互方式详解
-
深入解析Vue.js中v-bind v-model的使用和区别
-
基于Android中dp和px之间进行转换的实现代码
-
Android中js和原生交互的示例代码