摘要：首先定義一個(gè)方法給調(diào)用在中直接調(diào)用該方法可以在中給方法直接傳參，如果方法有返回值，使用是無(wú)法獲取到返回值的，需要返回值給的話，可以定義一個(gè)方法提供給調(diào)用，然后調(diào)用之后，觸發(fā)該方法把返回值再傳遞給。

當(dāng)前的Android開(kāi)發(fā)中，會(huì)使用大量的h5(html5+css3+js),甚至出現(xiàn)了混合開(kāi)發(fā)模式（Hybrid），使用Hybrid開(kāi)發(fā)，h5頁(yè)面開(kāi)發(fā)效率高和移植便利性為主。
但在一些地方使用h5開(kāi)發(fā)的確會(huì)不太容易實(shí)現(xiàn)，這個(gè)時(shí)候就需要調(diào)用Java原生方法來(lái)完成，就會(huì)遇到JavasSript和Java相互調(diào)用，用Java原生方法實(shí)現(xiàn)那些Javascript代碼不容易實(shí)現(xiàn)的功能，比如，異步線程，調(diào)用數(shù)據(jù)庫(kù)等..... 然后再暴露給JavaScript調(diào)用。

在Android 4.2之前使用addjavascriptinterface可以把原生的Java方法,給JavaScript調(diào)用,但是這種方案卻存在安全風(fēng)險(xiǎn)，在頁(yè)面中執(zhí)行一些不可信的Javascript代碼即有可能控制用戶的手機(jī),詳情見(jiàn):WebView中接口隱患與手機(jī)掛馬利用
Android 4.2之后提供了@JavascriptInterface對(duì)象注解的方式建立Javascript對(duì)象和android原生對(duì)象的綁定,提供給JavaScript調(diào)用的方法必須帶有@JavascriptInterface。
當(dāng)前4.0及4.0之前的系統(tǒng)市場(chǎng)占有量已經(jīng)很低了，因此可以考慮使用minSdkVersion為17，只支持4.2版本以上的手機(jī)，低版本的系統(tǒng)不再支持了。
下面就看下Java和Javascript是如何通信的。

為了方便使用，下面使用的示例，不會(huì)使用server,所以就需要在webview中使用本地的html文件，為了方便把html文件都放在assets文件夾中，使用本地加載的方式，這樣就不需要服務(wù)器的支持了。
先定義一個(gè)html文件:

    
        
this is html
    

使用file:///android_asset/index.html加載到webview中:

    private void initView() {
        webView = (WebView) findViewById(R.id.webView);
        webView.loadUrl("file:///android_asset/index.html");
    }

下面就可以在index.html中試用Java和JavaScript的調(diào)用了。

以Android的Toast的為例，下面看下如何從Javascript代碼中調(diào)用系統(tǒng)的Toast。
先定義一個(gè)AndroidToast的Java類,它有一個(gè)show的方法用來(lái)顯示Toast:

public class AndroidToast {
        @JavascriptInterface
        public void show(String str) {
            Toast.makeText(MainActivity.this, str, Toast.LENGTH_SHORT).show();
        }
    }

再對(duì)WebView進(jìn)行設(shè)置，開(kāi)啟JavaScipt，注冊(cè)JavascriptInterface的方法：

private void initView() {
        webView = (WebView) findViewById(R.id.webView);

        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDefaultTextEncodingName("UTF-8");
        webView.addJavascriptInterface(new AndroidToast(), "AndroidToast");
        webView.loadUrl("file:///android_asset/index.html");
 }

addJavascriptInterface的作用是把AndroidToast類映射為Javascript中的AndroidToast。這樣就可以在JavaScript中調(diào)用Java中的方法了。
在Javascript中調(diào)用Java代碼:

function toastClick(){
        window.AndroidToast.show("from js");
}

通過(guò)window屬性可以找到映射的對(duì)象AndroidToast,直接調(diào)用它的show方法即可。
注意這里傳輸?shù)臄?shù)據(jù)只能是基本數(shù)據(jù)類型和string,可以傳輸string就意味著可以使用json傳輸結(jié)構(gòu)化數(shù)據(jù)。
這里調(diào)用的方法并沒(méi)有返回值，如果需要在JavaScript中需要得到返回值怎么辦呢？

如果想從Javascript調(diào)的方法里面獲取到返回值，只需要定義一個(gè)帶返回值的@JavascriptInterface方法即可:

    public class AndroidMessage {
        @JavascriptInterface
        public String getMsg() {
            return "form java";
        }
    }

添加Javascript的映射:

webView.addJavascriptInterface(new AndroidMessage(), "AndroidMessage");

在JavaScript直接調(diào)用：

function showAlert(){
        var str=window.AndroidMessage.getMsg();
        console.log(str);
 }

這樣就完成了有返回值的方法調(diào)用。還有一種場(chǎng)景是，在Java中主動(dòng)觸發(fā)JavaScript方法，就需要在Java中調(diào)用JavaScript方法了。

Java在調(diào)用JavaScript方法的時(shí)候，需要使用WebView.loadUrl()方法，它可以直接在頁(yè)面里執(zhí)行JavaScript方法。
首先定義一個(gè)JavaScript方法給Java調(diào)用：

function callFromJava(str){
        console.log(str);
    }

在Java中直接調(diào)用該方法:

public void  javaCallJS(){
        webView.loadUrl("javascript:callFromJava("call from java")");
    }

可以在loadUrl中給Javascript方法直接傳參，如果JavaScript方法有返回值，使用WebView.loadUrl()是無(wú)法獲取到返回值的，需要JavaScript返回值給Java的話，可以定義一個(gè)Java方法提供給JavaScript調(diào)用，然后Java調(diào)用JavaScript之后，JavaScript觸發(fā)該方法把返回值再傳遞給Java。
注意WebView.loadUrl()必須在Ui線程中運(yùn)行，不然會(huì)會(huì)報(bào)錯(cuò)。

項(xiàng)目地址：https://github.com/jjz/androi...