JavaScript与Android程序之间的交互怎样实现呢?前几天在项目中遇到了这样的问题。其实还是多简单的,只有一个地方需要注意,那就是JavaScript与Android版本兼容性。这里先来总结下JavaScript调用Android程序和Android程序调用JavaScript的方法。

首先设置WebView的属性,如果需要该Webview能与JavaScript直接进行交互,必须将其setJavaScriptEnabled设置为true。如下面几行代码

webview = (WebView) this.findViewById(R.id.webView1);
WebSettings webSetting = webview.getSettings();
webSetting.setJavaScriptEnabled(true);// 是否支持javaScript



1、JavaScript调用Android程序

JavaScript调用Androd程序需要Android程序中提供一个接口,个人认为在JavaScript调用Android接口的过程,有点类似于回调。具体如下

让webview加载demo.html网页,网页中设置一按钮,当点击按钮的时候就调用Android接口,demo.html如下:


<html>  
	<body>   
	<input type="button" value="登录" onClick="jsToAndriod();" /> 

	<script type="text/javascript">
	function jsToAndriod() { 
		var msg = 'jsToAndriod';
		javascript:android.getResult(msg);
	}
	
	function androidToJs(){
		var msg = 'androidToJs';
		alert(msg);
	}
	</script>
	</body>  
</html>


在Android程序中需要有如下的代码,即定义JavaScript调用的接口:

第一步:先注册提供给JavaScript调用的接口


webview.addJavascriptInterface(new JavaScriptinterface(), "android");


第二步:定义接口

class JavaScriptinterface{
		@JavascriptInterface
		public void getResult(String str){
			Log.e("","result = " + str);
		}
	}



2、Android调用JavaScript接口

可以看到上面demo.html中有一个接口叫做androidToJs,是的,在JavaScript中就是这样申明和定义接口的,在android程序中只需要这样去调用即可:

webview.loadUrl("javascript:androidToJs()");   //调js中的方法  call in UI Thread !


注意是在主线程中调用哦,不然会有异常。


3、JavaScript和Android存在版本兼容性问题

如果够细心的话,可以看到在定义JavaScript调用Android接口的时候,在Android接口jsToAndroid()上面是有一个注释@JavascriptInterface,是的,最好加上这一句,不然可能会存在JavaScript调不到Android接口的问题,会报错说这个接口没有定义。