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

81 阅读 0 评论 54 点赞

我是靠谱客的博主超帅冰淇淋，这篇文章主要介绍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：

复制代码

1
2
3
4
5
6
7
8
9
10
11
<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);
                    }
                });
            }
        });
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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);
                    }
                });
            }
        });
    }
}