![v2-74cfcd85a3816bbc59280ed9999bdbae_1440w.jpg?source=172ae18b](http://img-01.proxy.5ce.com/view/image?&type=2&guid=9a18da53-644d-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-74cfcd85a3816bbc59280ed9999bdbae_1440w.jpg?source=172ae18b)
现在混合式开发是大趋势,H5不断蚕食移动互联网的份额,有的公司甚至只用H5就搞了一个APP,我们搞Android的不说会点H5,至少要懂怎么和H5(和JavaScript)交互,费话不多说。
一、先看效果:
![7ab829378d40c5fe416ab6ad7dc02b10.png](https://img-blog.csdnimg.cn/img_convert/7ab829378d40c5fe416ab6ad7dc02b10.png)
二、此效果图实现了以下4个功能:
- Java调用JS中的无参函数;
- Java调用JS中的有参函数,参数是从Java中传入的;
- JS调用Java的无参函数;
- JS调用Java中的有参函数,参数是从JS中传入的;
三、说几个重点的地方:
1、调用本地html的方法(html放在assets文件夹中,当然实战中会是一个网址,html一般是H5开发人员来写)
//打开从本地assets中的html文件
mWebView.loadUrl("file:///android_asset/androidAndJs.html");
2、在Android中声明一个接口名字,供JS调用( addJavascriptInterface()的第二个参数 )
//提供给js的接口名称
mWebView.addJavascriptInterface(mContext, "android");
3、调用WebView的addJavascriptInterface(),需要在Activity的onCreate()方法上加上注解:@SuppressLint(“JavascriptInterface”)
@SuppressLint("JavascriptInterface")
@Override
public void onCreate(Bundle savedInstanceState) {
//省略
}</