一、為什么要進(jìn)行js交互：

為了方便原生開(kāi)發(fā)和Html之間數(shù)據(jù)傳遞，在靜態(tài)頁(yè)面的情況下可以改變?cè)_(kāi)發(fā)的頁(yè)面；

二、如何進(jìn)行js交互：

• （一）Android端調(diào)用H5頁(yè)面
  在Android端主要使用WebView來(lái)進(jìn)行網(wǎng)頁(yè)的加載，設(shè)置屬性

// 獲取WebSetting對(duì)象
WebSettings webSettings = webview.getSettings();
// 設(shè)置支持javascript
webSettings.setJavaScriptEnabled(true);
// 將Android里面定義的類對(duì)象AndroidJs暴露給javascript
webview.addJavascriptInterface(new AndroidJs(MainActivity.this), "AndroidJs");

• 調(diào)用方式：其中doAlert為H5頁(yè)面的方法

 webview.loadUrl("javascript:doAlert()");

• （二）H5端調(diào)用Android頁(yè)面

H5端代碼：

<input type="button" value="打招呼" onclick="AndroidJs.showToast()"/>
<input type="button" value="圖書(shū)列表" onclick="AndroidJs.showList()"/>

Android端代碼：

public class AndroidJs {
    private Context mContext;

    public AndroidJs(Context context) {
        this.mContext = context;
    }

    @JavascriptInterface  //必須有否則方法無(wú)用
    public void showList() {
        new AlertDialog.Builder(mContext)
                .setTitle("圖書(shū)列表")
                .setIcon(R.mipmap.ic_launcher)
                .setItems(
                        new String[]{"瘋狂java講義", "瘋狂Android講義",
                                "輕量級(jí)java EE開(kāi)發(fā)"}, null)
                .setPositiveButton("確定", null).create().show();
    }

    @JavascriptInterface
    public void showToast() {

        Toast.makeText(mContext, "hello", Toast.LENGTH_LONG).show();
    }

}

注：AndroidJs是連接Android與Html的橋梁標(biāo)識(shí)，也是一個(gè)進(jìn)行數(shù)據(jù)交互的類；

注：這里面的方法必須是共有的，類名與標(biāo)識(shí)保持一致；

@希望能幫助到大家