java与js代码互调方法

          在用HTML5做跨平台应用开发时,尝尝会用到java和js方法互调的问题,对初学者而言,可能会有点难,在这里分享一些自己在实际开发过程中的用法,希望对你有帮助:

首先是js代码调用java代码介绍:

public class CzingLBWebMain extends DroidGap { 

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  this.loadUrl(file:///android_asset/www/czingIndexHome.html);
  WebSettings webSettings = this.appView.getSettings();
  webSettings.setLoadWithOverviewMode(true);
  webSettings.setSavePassword(false);
  webSettings.setSaveFormData(false);
  webSettings.setSupportZoom(false);
  webSettings.setAllowFileAccess(true);
  webSettings.setJavaScriptEnabled(true);
  webSettings.setPluginState(WebSettings.PluginState.ON);
  // 向js中添加一个java实例,以便js代码调用java代码
  this.appView.addJavascriptInterface(this, "appDownloader");

}

public void callBackJava(){

 

}

}

然后就可以在czingIndexHome.html引用的js文件中直接通过window.appDownloader.callBackJava()来直接调用上面的callBackJava()方法了.

 

然后就是如何通过java代码调用js代码：

在java中通过如下方式来实现：

String resUrl="aa";

String resId="bb";

String callBack="javascript:callBackServive('"+resUrl+"','"+resId+"')";//注意传递两个以上参数的方法
this.appView.loadUrl(callBack);

callBackServive就是在js中实现的方法.

 

 最后需要补充说明一点的是,如果java调用js代码提示被调用的js方法没有定义,那说明当前所在页面的DOM中不包含要调用的js方法,必须保证调用时刻所在的DOM中存在要调用的js方法,没有就外部应用进去。