最新消息:文章中包含代码时,请遵守代码高亮规范!

【原创】java与Js交互

Android 王 伟 207浏览 0评论

现在越来越多的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代码如下:

AndroidFunction.pushView('评价',url);

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/23199.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Bob的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!