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);
}
});
}
});
}
}
311
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
