Android 调用H5有参函数

Android 调用H5有参函数教程

教程概述

本教程旨在教会新手开发者如何在Android应用中调用H5页面中的有参函数。下面我会详细介绍整个过程，并提供相应的代码示例。

步骤表格

步骤	操作
步骤一	在Android项目中创建一个WebView控件
步骤二	通过WebView的addJavascriptInterface方法将Android方法暴露给H5页面
步骤三	在H5页面中调用Android暴露的方法，并传递参数

具体操作步骤

步骤一：创建WebView控件

首先，在Android项目中的XML布局文件中添加一个WebView控件：

<WebView
    android:id="@+id/web_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

然后在Activity中找到WebView控件并加载H5页面：

WebView webView = findViewById(R.id.web_view);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/index.html");

步骤二：暴露Android方法给H5页面

在Activity中编写一个方法，并通过addJavascriptInterface方法将该方法暴露给H5页面：

public class WebAppInterface {
    Context mContext;

    WebAppInterface(Context context) {
        mContext = context;
    }

    @JavascriptInterface
    public void showToast(String message) {
        Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
    }
}

webView.addJavascriptInterface(new WebAppInterface(this), "Android");

步骤三：在H5页面中调用Android方法

在H5页面的JavaScript代码中调用Android暴露的方法，并传递参数：

<script>
    document.getElementById("btn").addEventListener("click", function() {
        Android.showToast("Hello from H5!");
    });
</script>

总结

通过上述步骤，你已经成功实现了在Android应用中调用H5页面中的有参函数。希望本教程对你有所帮助，如果有任何疑问，欢迎提出！