Android Webview和js交互

有时我们有这样的需求：需要从app的网页中点击调用软件内部的页面，又或者是软件内部调用网页的js方法。

js代码调用Android中的方法

addJavascriptInterface方法有两个参数：
第一个参数就是我们一般会实现一个自己的类，类里面提供我们要提供给javascript访问的方法；
第二个参数是访问我们在obj中声明的方法时候所用到的js对象；
调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() 。

[代码]java代码：

?

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15

//启用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调用

[代码]xml代码：

?

1	<a onClick="window.android.show('传参')" />

Android代码调用js方法

很简单通过WebView的loadUrl方法去调用的就行、只是改变下参数url的写法

[代码]java代码：

?

1 2 3 4

// 无参数调用 webView.loadUrl("javascript:androidtojs()"); // 传递参数调用 webView.loadUrl("javascript:androidtojsargs("传参")");

在网页中创建js方法

[代码]xml代码：

?

1 2 3 4 5 6 7 8

<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写业务脚本、以提升加载速度

原文链接：http://www.apkbus.com/blog-705730-62439.html