JS与Android互调

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{@JavascriptInterfacepublic 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接口的问题，会报错说这个接口没有定义。

更多相关文章

随机推荐