有时我们有这样的需求:需要从app的网页中点击调用软件内部的页面,又或者是软件内部调用网页的js方法。
js代码调用Android中的方法
addJavascriptInterface方法有两个参数:
第一个参数就是我们一般会实现一个自己的类,类里面提供我们要提供给javascript访问的方法;
第二个参数是访问我们在obj中声明的方法时候所用到的js对象;
调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() 。
//启用webview对javascript支持
webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(new WebAppInterface(this), "android");
//接口名称自定义
public class WebAppInterface {
Context mContext;
WebAppInterface(Context c) {
mContext = c;
}
//参数名这个自己定义,和网页js传参对应即可
@JavascriptInterface
public void show(String url) {
//这里就进行软件内部处理了,
}
}
在网页中进行js调用
<a onClick="window.android.show('传参')" />
Android代码调用js方法
很简单通过WebView的loadUrl方法去调用的就行、只是改变下参数url的写法
// 无参数调用
webView.loadUrl("javascript:androidtojs()");
// 传递参数调用
webView.loadUrl("javascript:androidtojsargs("传参")");
在网页中创建js方法
<script type="text/javascript">
function androidtojs(){
//自己实现处理
}
function androidtojsargs(arg){
//自己实现处理
}
</script>
JAVA和JS交互注意事项
1、尽量用js调用Android方法:
- Android调用js里面的函数的效率远远低于js调用Android
- Android调用js的函数,没有返回值,调用了就控制不到了
2、Js调用Android的方法,返回值如果是native字符串,必须使用toLocaleString()转成locale的才能正常使用,但是有的耗时
3、网页中尽量使用原生的js写业务脚本、以提升加载速度