Android原生代码调用H5 Web网页中的Javascript函数方法Android原生代码调用H5 Web网页中的Javascript函数方法

68 阅读 0 评论 45 点赞

我是靠谱客的博主超帅冰淇淋，最近开发中收集的这篇文章主要介绍Android原生代码调用H5 Web网页中的Javascript函数方法Android原生代码调用H5 Web网页中的Javascript函数方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Android原生代码调用H5 Web网页中的Javascript函数方法

重点是使用Android WebView中的evaluateJavascript()函数。
假设H5 Web网页中有一个Javascript函数add(x,y)，add(x,y)函数计算两个数之和并返回。Android原生代码中如何调用存在于H5 Web页面中的Javascript函数add(x,y)呢？
先写一个测试H5 Web页面，web.html：

<html>
<body>
<script>
function add(x,y){
    sum=x+y;
    return sum;
}

</script>
</body>
</html>

上层Java代码：

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.webkit.ValueCallback;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class MainActivity extends AppCompatActivity {

    private WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = findViewById(R.id.webview);

        mWebView.loadUrl("file:///android_asset/web.html");

        WebSettings mWebSettings = mWebView.getSettings();

        //启用JavaScript。
        mWebSettings.setJavaScriptEnabled(true);
        mWebSettings.setUseWideViewPort(true);
        mWebSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int a = 2, b = 3;

                //调用H5 Web网页中的Javascript函数add()计算a与b的和。
                mWebView.evaluateJavascript("add(" + a + "," + b + ")", new ValueCallback<String>() {
                    //Javascript返回add()函数的计算结果。
                    @Override
                    public void onReceiveValue(String value) {
                        System.out.println("a+b=" + value);
                    }
                });
            }
        });
    }
}