Android 與H5之間的js交互

             以前項目作過一些Android和Html5之間js交互方面的東西，今天有時間就總結一下：

     1、爲何要進行js交互：

                 爲了方便原生開發和Html之間數據傳遞，在靜態頁面的狀況下能夠改變原生開發的頁面；

     2、如何進行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開發"}, null)
                .setPositiveButton("肯定", null).create().show();
    }

    @JavascriptInterface
    public void showToast() {

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

}

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

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

 

      以上就是簡單的js交互流程，備註的地方要特別注意，請多多指教