Android与js的互调实例

安卓开发中嵌套webview，也就是大家常说的原生和h5混合开发，减少开发成本和开发周期，已经成为一种趋势。
那安卓和h5的交互，其实就是java代码和js代码的互调。
首先来说java代码调js的方法，这个比较简单：

webView.loadUrl("javascript:jsFunction()");

不用多解释了jsFunction()就是js的方法名。
js调用java代码比较复杂，首先java代码暴露一个自定义对象出去，java里的对象就是类了，代码：

class DemoJavaScriptInterface {
    DemoJavaScriptInterface() {}
    @JavascriptInterface
    public void clickOnAndroid() {
        mHandler.post(new Runnable() {
            public void run() {
                Log.e("Tag","被js调用了！")
            }
     });
}

这里对象中只有一个clickOnAndroid() 的方法，出于安全性等方面的考虑被js调用的方法要加上 @JavascriptInterface 注解，否则不会调用成功哦！对象定义好了我们把它暴露给js，代码：

 webView.addJavascriptInterface(new DemoJavaScriptInterface(),"myAndroid");

第一个参数就是咱们定义好的对象，第二个参数是这个对象的别名，js调用的时候会用到。
现在就可以调用了！看一个简单的例子

<button class="btn" onclick="window.myAndroid.clickOnAndroid()">提交</button>

myAndroid就是是刚才说的别名。clickOnAndroid()是方法名。