java与Js交互

栏目: Java · 发布时间: 6年前

内容简介：java与Js交互

现在越来越多的app使用原生和H5混合开发了，可以减少开发周期。

一、android调用JS代码。

mWeb.loadUrl("javascript:upload_img('" + mPicUrl + "')")

这是直接调用js的upload_img的方法。

举个例子:

js的代码如下：

function callJS(){
      alert("Android调用了JS的callJS方法");
   }

Android调用这个代码：

mWeb.loadUrl("javascript:callJS()");

二、js调用Android代码：

首先webView需要设置:

WebSettings webSettings = mWebView.getSettings();
 // 设置可以与Js交互的权限
   webSettings.setJavaScriptEnabled(true);
//实例化Javascript对象
    final JavaScriptInterface myJavaScriptInterface = new JavaScriptInterface(this);
// 通过addJavascriptInterface()将 Java 对象映射到JS对象
//参数1：Javascript对象名
//参数2：Java对象名
   mWebView.addJavascriptInterface(myJavaScriptInterface, "AndroidFunction");

JavaScriptInterface类代码：

private class JavaScriptInterface {
        Context mContext;

        JavaScriptInterface(Context c) {
            mContext = c;
        }

        @JavascriptInterface
        public void pushView(String title,String url) {
            Intent intent = new Intent(this, MainActivity.class);
            intent.putExtra("title", title);
            intent.putExtra("url", url);
            startActivity(intent);
        }
}

需要注意的是pushView()方法就是js调用Android的方法，这个方法必须要在方法上面加上注解：@JavascriptInterface，不然js是无法调用pushView()这个方法的。

js代码如下：