android html 交互,安卓h5交互：代码示例

温馨提示：这篇文章已超过230天没有更新，请注意相关的内容是否还可用！

Android与HTML的交互可以通过WebView来实现。WebView是Android提供的一个用于展示网页内容的控件，它可以加载HTML页面，并且支持与JavaScript进行交互。

我们需要在Android中创建一个WebView控件，并加载HTML页面。代码如下：


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

在上述代码中，我们首先通过findViewById方法获取到WebView控件的实例，然后调用loadUrl方法加载本地的HTML页面。其中，file:///android_asset/index.html表示HTML文件在assets目录下的路径。

接下来，我们可以通过WebView的addJavascriptInterface方法将Java对象暴露给JavaScript调用。代码如下：


class JavaScriptInterface {
    @JavascriptInterface
    public void showToast(String message) {
        Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
    }
}
webView.addJavascriptInterface(new JavaScriptInterface(), "Android");

在上述代码中，我们创建了一个名为JavaScriptInterface的Java类，并在该类中定义了一个名为showToast的方法，用于在Android中显示Toast提示。通过@JavascriptInterface注解，我们告诉WebView该方法可以被JavaScript调用。

然后，我们通过addJavascriptInterface方法将JavaScriptInterface对象添加到WebView中，并指定了一个名为"Android"的对象名，这样在JavaScript中就可以通过"Android.showToast('message')"来调用showToast方法。

我们可以在HTML页面中编写JavaScript代码，通过调用"Android.showToast('message')"来调用Java中的showToast方法。代码如下：


<!DOCTYPE html>
<html>
<head>
    <script>
        function showToast() {
            Android.showToast('Hello from JavaScript');
        }
    </script>
</head>
<body>
    <button onclick="showToast()">Show Toast</button>
</body>
</html>

在上述代码中，我们定义了一个名为showToast的JavaScript函数，该函数调用了Android.showToast方法，并传递了一个字符串参数。然后，我们在HTML页面中添加了一个按钮，点击按钮时会调用showToast函数。

通过上述的代码示例，我们可以实现Android与HTML的交互。具体来说，我们通过WebView加载HTML页面，并通过addJavascriptInterface方法将Java对象暴露给JavaScript调用。然后，在HTML页面中编写JavaScript代码，通过调用Java对象的方法来实现与Android的交互。

android html 交互,安卓h5交互：代码示例

相关阅读