Android WebView与JS交互

Android项目中嵌入网页是一种很常见的做法,所以就带来了交互上的需求。

1.JS调用Android

示例代码:

1.给webview增加JS接口声明

mWebView.addJavascriptInterface(this, "callAndroid");

2.Android定义给JS调用的方法

@JavascriptInterface
public String CallAndroidMethod(int type, String json) {
    if (!havePermission) {
        Log.i("swyLog", "没有读取存储空间的权限,接收到JS请求" + type + ",不做回应");
        return "";
    }
    if (1 == type) {
        saveLoginAccount(json);
        return "";
    } else if (2 == type) {
        return uploadLoginAccount();
    } else {
        deleteLoginAccount();
        return "";
    }
}

注意,方法必须添加@JavascriptInterface的注解

3.JS端调用示例

callAndroid.CallAndroidMethod(1,"xxx");

2.Android调用JS

例如,JS中定义了一个test方法

<html lang="zh-CN">
<p id='p'>hello world</p>

<script>
        function test(){
            document.getElementById("p").innerHTML += " 你好!"
        }
</script>

</html>

Android端代码

webView.getSettings().setJavaScriptEnabled(true);
@SuppressLint("SetJavaScriptEnabled")
public void testJS() {
    webView.loadUrl("javascript:test()");
}
btn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        testJS();
    }
});

说明:Android调用JS的方法,同样需要增加注解@SuppressLint("SetJavaScriptEnabled")

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

邵旺运

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值