Android与js交互实例

Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true

Android（Java）与JavaScript（HTML）交互有四种情况：

1） Android（Java）调用HTML中js代码

2） Android（Java）调用HTML中js代码（带参数）

3） HTML中js调用Android（Java）代码

4） HTML中js调用Android（Java）代码（带参数）

下面示例总结这四种情况，直接上干货：

1） Android（Java）

package com.homer.jsandroid;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.os.Bundle;

import android.view.KeyEvent;

import android.view.View;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.widget.Toast;

public class JSAndroidActivity extends Activity {

    private Activity mActivity = null;

    private WebView mWebView = null;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        mActivity = this;

        showWebView();

    }

    @SuppressLint("SetJavaScriptEnabled")

    private void showWebView() {

        try {

            mWebView = new WebView(this);

            setContentView(mWebView);

            mWebView.requestFocus();

            mWebView.setWebChromeClient(new WebChromeClient() {

                @Override

                public void onProgressChanged(WebView view, int progress) {

                    JSAndroidActivity.this.setTitle("Loading...");

                    JSAndroidActivity.this.setProgress(progress);

                    if (progress >= 80) {

                        JSAndroidActivity.this.setTitle("JsAndroid Test");

                    }

                }

            });

            mWebView.setOnKeyListener(new View.OnKeyListener() { // webview can

                                                                    // go back

                @Override

                public boolean onKey(View v, int keyCode, KeyEvent event) {

                    if (keyCode == KeyEvent.KEYCODE_BACK

                            && mWebView.canGoBack()) {

                        mWebView.goBack();

                        return true;

                    }

                    return false;

                }

            });

            WebSettings webSettings = mWebView.getSettings();

            webSettings.setJavaScriptEnabled(true);

            webSettings.setDefaultTextEncodingName("utf-8");

            mWebView.addJavascriptInterface(getHtmlObject(), "jsObj");

            mWebView.loadUrl("http://10.0.2.2:8080/myweb/index05.html");

        } catch (Exception e) {

            e.printStackTrace();

        }

    }

    private Object getHtmlObject() {

        Object insertObj = new Object() {

            public String HtmlcallJava() {

                return "Html call Java";

            }

            public String HtmlcallJava2(final String param) {

                return "Html call Java : " + param;

            }

            public void JavacallHtml() {

                runOnUiThread(new Runnable() {

                    @Override

                    public void run() {

                        mWebView.loadUrl("javascript: showFromHtml()");

                        Toast.makeText(JSAndroidActivity.this, "clickBtn",

                                Toast.LENGTH_SHORT).show();

                    }

                });

            }

            public void JavacallHtml2() {

                runOnUiThread(new Runnable() {

                    @Override

                    public void run() {

                        mWebView.loadUrl("javascript: showFromHtml2('IT-homer blog')");

                        Toast.makeText(JSAndroidActivity.this, "clickBtn2",

                                Toast.LENGTH_SHORT).show();

                    }

                });

            }

        };

        return insertObj;

    }

}

2） js（HTML）

hello IT-homer

运行结果：