Android Java中调用js代码，js中调用Java代码-CSDN博客

本文链接：https://blog.csdn.net/tongxiucheng/article/details/47042785

主要概括：

1. Java 中调用 js 代码，主要在（1）设置js在webview 中可以使用 webView.getSettings().setJavaScriptEnabled(true);

（2）加载网页代码 webview.loadUrl();

（3）设置内容渲染不然弹不出alert ，内容渲染需要webChromeClient 去实现，设置webChromeClient基类

webView.setWebChromeClient(new WebChromeClient());

（4）调用js中函数 webview.loadUrl("javascript:showMsg()");

2. js 调用Java 代码，（1）在在webview中有 WebView.addJavascriptInterface(Object object,String name) 方法，传递两个参数

第一个是被js调用的类，第二个是别名，在js中使用的对象名

（2） js 代码中直接用 WebView.addJavascriptInterface(Object object, String name) 方法第二个参数名.方法名调用Java中方法。

java 代码

package com.tong.androidtest;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;

@SuppressLint("JavascriptInterface")
public class MainActivity extends Activity {

	private Button but_js = null;
	private WebView web = null;
	private JsKit jsKit = null;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		but_js = (Button) findViewById(R.id.but_js);
		web = (WebView) findViewById(R.id.web);
		web.getSettings().setBuiltInZoomControls(true);
		//内容渲染需要webChromeClient 去实现，设置webChromeClient基类，解决alert 不弹出问题
		web.setWebChromeClient(new WebChromeClient());
		web.getSettings().setJavaScriptEnabled(true);
		jsKit = new JsKit(this);
		web.addJavascriptInterface(jsKit, "myjs");
		web.loadUrl("file:///android_asset/test.html");
		but_js.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				web.loadUrl("javascript:showMsg()");
			}
		});
	}
	
}

</pre>html 代码：<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function showMsg(){
alert("hello world!");
}
function showMsgInAndroid(){
myjs.showMsg('hello in android!');
}
</script>
</HEAD>
<BODY>
<span>测试js使用</span>
<button id='btntest' οnclick='showMsgInAndroid()'>调用android方法</button>
</BODY>
</HTML>

</pre><pre name="code" class="java">package com.tong.androidtest;

import android.content.Context;
import android.widget.Toast;

public class JsKit {
			private Context context;
			public JsKit(Context context){
				this.context = context;
			}
			public void showMsg(String msg){
				Toast.makeText(context, msg, 2000).show();
			};
}