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

小鱼儿 2024-02-19 15:31 52阅读 0赞

## 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);
                        }
                    });
                }
            });
        }
    }