java与js交互_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代码如下：

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

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

微信打赏

支付宝打赏

感谢您对作者Miya的打赏，我们会更加努力！    如果您想成为作者，请点我