Android中js和java互調(diào)傳值
通過調(diào)用js計算兩個數(shù)的和,js調(diào)用Android的hello方法
testjs.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaAndScript</title>
<script>
//js調(diào)用android的hello方法
function jscallandroid(){
test.hello("js調(diào)到了Android的hello方法");
}
//Android要調(diào)用的方法,計算a和b的和并且返回
function androidcalljs(a,b){
return a+b;
}
</script>
</head>
<body>
<button style="color: #FF0000;" onclick="jscallandroid()">網(wǎng)頁里的按鈕</button>
<p id="p1" ></p>
</body>
</html>
JavaAndJSActivity.java
package com.myapplication;
import android.app.Activity;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.ValueCallback;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;
import butterknife.BindView;
import butterknife.OnClick;
public class JavaAndJSActivity extends Activity {
WebView webView;
Button btn;
EditText editText1,editText2;
TextView textView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_java_and_js);
webView = (WebView)findViewById(R.id.webview1);
btn = (Button)findViewById(R.id.btn1);
editText1 =(EditText)findViewById(R.id.et_1);
editText2 = (EditText)findViewById(R.id.et_2);
textView = (TextView)findViewById(R.id.tv1);
initwebview();
btnonclick();
}
private void initwebview(){
WebSettings webSettings = webView.getSettings();
//設(shè)置允許與js交互
webSettings.setJavaScriptEnabled(true);
// 先載入JS代碼
// 格式規(guī)定為:file:///android_asset/文件名.html
webView.loadUrl("file:///android_asset/testjs.html");
// 通過addJavascriptInterface()將Java對象映射到JS對象
//參數(shù)1：Javascript對象名
//參數(shù)2：Java對象名
webView.addJavascriptInterface(new AndroidtoJs(),"test");
}
private void btnonclick(){
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//點擊btn調(diào)用js里的androidcalljs（）方法,注意方法名要對上
webView.evaluateJavascript("javascript:androidcalljs("+editText1.getText().toString()+","+editText2.getText().toString()+")", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
//此處為 js 返回的結(jié)果
textView.setText(value);
}
});
}
});
}
public class AndroidtoJs{
@JavascriptInterface
public String hello(final String a ){
Toast.makeText(getApplication(),a,Toast.LENGTH_SHORT).show();
return textView.getText().toString();
}
}
}
運行效果
3.png
1.png
2.png
