Android与Js基本交互

对于android调用JS代码的方法有2种： 
1. 通过WebView的loadUrl() 
2. 通过WebView的evaluateJavascript()

对于JS调用Android代码的方法有3种： 
1. 通过WebView的addJavascriptInterface()进行对象映射 
2. 通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url 
3. 通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt()方法回调拦截JS对话框alert()、confirm()、prompt() 消息

webView =(WebView) findViewById(R.id.webview);
WebSettings webSettings = webView.getSettings();
// 设置与Js交互的权限
webSettings.setJavaScriptEnabled(true);

android调用javascript方法

button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                webView.post(new Runnable() {
                    @Override
                    public void run() {
                        // 注意调用的JS方法名要对应上
                        // 调用javascript的callJS()方法
                        final int version = Build.VERSION.SDK_INT;
                        if (version < 18) {
                            webView.loadUrl("javascript:callJS()");
                        } else {
                            //因为该方法在 Android 4.4 版本才可使用
                            webView.evaluateJavascript("javascript:callJS()", new ValueCallback<String>() {
                                @Override
                                public void onReceiveValue(String value) {
                                    //此处为 js 返回的结果
                                }
                            });
                        }
                    }
                });
            }
        });

javascript调用android

// 继承自Object类
    public class AndroidtoJs extends Object {

        // 定义JS需要调用的方法
        // 被JS调用的方法必须加入@JavascriptInterface注解
        @JavascriptInterface
        public void hello(String message) {
            AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
            b.setTitle("Alert");
            b.setMessage(message);
            b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {

                }
            });
            b.setCancelable(false);
            b.create().show();
        }
    }

//AndroidtoJS类对象映射到js的test对象
        //通过addJavascriptInterface()将Java对象映射到JS对象
        //参数1：Javascript对象名
        //参数2：Java对象名
        webView.addJavascriptInterface(new AndroidtoJs(), "test");

// JS代码
    <script>
        // Android需要调用的方法
        function callJS(ss){
            alert("Android调用了JS的callJS方法" + ss);
        }
        // 由于对象映射，所以调用test对象等于调用Android映射的对象
        function callAndroid(){
            test.hello("js调用了android中的hello方法");
         }
    </script>