Android中的Java与JavaScript方法互调

---

在Android开发中常常用到WebView,就会涉及到安卓的java代码和网页中的javaScript方法的相互调用.

---

准备工作

1. 最基本的要得到WebView对象

       @Bind(R.id.webview)
       WebView webview;
   
       WebView webview= (WebView) findViewById(R.id.webview);

   两种方法

   1. 使用ButterKnife插件 注解
   2. 普通findViewById

2. 设置默认的文本编码方式为utf-8

   webview.getSettings().setDefaultTextEncodingName("utf-8");

3. 允许执行js代码

   webview.getSettings().setJavaScriptEnabled(true);

Java代码去调用JavaScript中的方法

网页中的JavaScript代码

<script type="text/javascript">

    function changeInputValue(content){
        document.getElementById("put_id").value=content;

    }

</script>

比如我们想在java代码去调用网页中changeInputValue这个方法

webview.loadUrl("javascript:changeInputValue('我是参数')");

webView调用loadUrl方法,值是一个字符串
写法:
    javascript: + JavaScript中的方法名('参数'); 

HTML(网页)代码去调用Java中的方法

java中代码:

webview.addJavascriptInterface(new JavaScriptInterface(),"AndroidMethod");



class JavaScriptInterface{

        @JavascriptInterface
        public void showToast(String content){
            Toast.makeText(getApplicationContext(), content, Toast.LENGTH_SHORT).show();
        }
    }

使用webview调用addJavascriptInterface方法,给网页一个方法"接口"类
    两个参数
    1."接口"类 对象 直接new出来
    2. 起个名字给JavaScript调用使用

写一个方法"接口"类
在类中写方法 低版本在方法上不用写注解就可以 高版本一定要写上注解,不然无法调用

JavaScript 中代码

<script type="text/javascript">
    function showAndroidMethod(content) {
        AndroidMethod.showToast(content);
    }
</script>

在JavaScript写一个方法 方法中直接刚才在java代码中定义的名字 调用"接口"类中的方法