android webview js互调,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调用的时候会用到。

现在就可以调用了！看一个简单的例子

提交

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