android 与js 相互调用

最新推荐文章于 2023-11-04 10:30:00 发布

鸿腾阳阳

最新推荐文章于 2023-11-04 10:30:00 发布

阅读量196

点赞数

本文链接：https://blog.csdn.net/xzy53719/article/details/97104381

版权

1、权限配置（AndroidManifest.xml）在</application>下面增加：

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

2、java文件代码段，我创建在android的onCreate()中了

mWeb = findViewById(R.id.main_web);
WebSettings settings = mWeb.getSettings();
settings.setJavaScriptEnabled(true);
mWeb.setWebViewClient(new WebViewClient(){
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        mWeb.evaluateJavascript("android2js()", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String s) {
                Toast.makeText(getApplicationContext(),"JS返回值："+s,Toast.LENGTH_SHORT).show();
            }
        });
    }
});
mWeb.loadUrl("file:///android_asset/index.html");
mWeb.addJavascriptInterface(new JSBridge(),"android");

添加内部类

private class JSBridge {
    @JavascriptInterface
    public String toast(String str) {
        Toast.makeText(getApplicationContext(), "传入的参数是" + str, Toast.LENGTH_SHORT).show();
        return "我是android信息";
    }
}

3、html内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script type="text/javascript">
        /* function setICCID(iccid){
            document.getElementById("ICCID").innerHTML = iccid;
        }
        function android2js(){
            document.getElementById("use4android").innerHTML = "自动调用";
            return "I'm in js";
        }
        function js2android(str){
            android.toast(str);
        } */
    </script>
    <title></title>
</head>
<body>
    <div id="ICCID">
        1111111111111111111111112
    </div>
    <div id="use4android">原始内容</div>
    <button onclick="js2android(666)">abc</button>
    <button onclick="setICCID('手动')">调用js</button>
</body>
<script type="text/javascript" charset="utf-8" src="js/index.js"></script>
</html>

4、js文件内容

function setICCID(iccid){
    document.getElementById("ICCID").innerHTML = iccid;
}
function android2js(){
    document.getElementById("use4android").innerHTML = "自动调用";
    return "I'm in js";
}
function js2android(str){
    android.toast(str);
}

鸿腾阳阳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android 与js 相互调用

1、权限配置（AndroidManifest.xml）在</application>下面增加：<uses-permission android:name="android.permission.INTERNET"></uses-permission>2、java文件代码段，我创建在android的onCreate()中了mWeb = findVi...
复制链接

扫一扫