随着手机网络的升级，越来越多的开发者在一些页面使用网页来代替Adroid原生页面。这就需要Android和Js之间相互传递参数相互调用方法。今天就来带大家实现Android与Js的互调。

先来看运行图：

代码MainActivity.java

public class MainActivity extends Activity {

    private WebView webView;
    private EditText editText;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = (WebView) findViewById(R.id.webView);
        editText = (EditText) findViewById(R.id.editText);
        initWebView();
    }

    // 初始化WebView

    private void initWebView() {

        // 不跳转到其他浏览器
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
        WebSettings settings = webView.getSettings();
        // 设置支持Js
        settings.setJavascriptEnabled(true);
        // 加载本地html文件
        webView.loadUrl("file:///android_asset/JsMutualAndroid.html");
        webView.addJavascriptInterface(new JSInterface(), "havorld");
    }

    // 按钮的点击事件
    public void click(View view) {

        // Javascript:javaCallJs('内容')
        String str = "Javascript:androidCallJs(" + "'"+ editText.getText().toString() + "'" + ")";
        // java调用JS方法
        webView.loadUrl(str);
    }


    private class JSInterface {
        // JS需要调用的方法， 在API 17之前有一些漏洞，所以在API 17以后，需要在Javascript接口类的方法加上@JavascriptInterface注解
        @JavascriptInterface
        public void jsCallAndroid(String str) {

            Toast.makeText(SecondActivity.this, str, Toast.LENGTH_SHORT).show();
        }
    }

}

布局activity_main.xml

    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/ll_root"
    android:layout_
    android:layout_
    android:orientation="vertical"
    tools:cOntext=".MainActivity" >

            android:layout_
        android:layout_
        android:background="#FFFEA2"
        android:padding="10dp"
        android:text="Android原生"
        android:textSize="16sp" />

            android:layout_
        android:layout_
        android:background="#FFFEA2"
        android:orientation="vertical"
        android:padding="10dp" >

                    android:id="@+id/editText"
            android:layout_
            android:layout_
            android:gravity="center"
            android:hint="请输入传入Js的内容"
            android:textSize="16sp" >

            
        

                    android:layout_
            android:layout_
            android:OnClick="click"
            android:text="向WebView传入内容"
            android:textSize="16sp" />
    

            android:layout_
        android:layout_
        android:layout_marginTop="50dp"
        android:background="#FF80C0"
        android:padding="10dp"
        android:text="WebView"
        android:textSize="16sp" />

            android:id="@+id/webView"
        android:layout_
        android:layout_ />

在Android的assets目录下放置JsMutualAndroid.html文件

    cOntent=">




    

            Onclick="window.havorld.jsCallAndroid('我来自Js调用')" />

OK，这样就可以了，有没有一种so easy的赶脚。

点击下载源码