一、為什么要進行js交互：

為了方便原生開發(fā)和Html之間數據傳遞，在靜態(tài)頁面的情況下可以改變原生開發(fā)的頁面；

二、如何進行js交互：

• （一）Android端調用H5頁面
  在Android端主要使用WebView來進行網頁的加載，設置屬性

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

• 調用方式：其中doAlert為H5頁面的方法

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

• （二）H5端調用Android頁面

H5端代碼：

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

Android端代碼：

public class AndroidJs {
    private Context mContext;

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

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

    @JavascriptInterface
    public void showToast() {

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

}

注：AndroidJs是連接Android與Html的橋梁標識，也是一個進行數據交互的類；

注：這里面的方法必須是共有的，類名與標識保持一致；

@希望能幫助到大家