android 调用js中代码怎么写

在Android中调用JavaScript代码的方法包括使用WebView加载URL、调用JavaScript接口、使用JavaScript注入、和处理JavaScript回调。其中，最常用的方法是通过WebView加载URL和调用JavaScript接口。下面将详细介绍如何在Android应用中实现这些方法。

一、使用WebView加载URL

1. 初始化WebView

首先，在Android项目中需要添加一个WebView组件。在布局文件中添加如下代码：

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

在Java代码中获取WebView实例：

WebView webView = findViewById(R.id.webview);

2. 配置WebView

为了确保WebView能够正确执行JavaScript，需要对其进行一些配置：

webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setDomStorageEnabled(true);

3. 加载URL并调用JavaScript

通过loadUrl方法可以直接加载网页，并调用JavaScript代码：

webView.loadUrl("https://www.example.com");
webView.loadUrl("javascript:yourJavaScriptFunction()");

二、调用JavaScript接口

1. 添加JavaScript接口

通过添加JavaScript接口，可以在Java代码中调用JavaScript函数：

webView.addJavascriptInterface(new WebAppInterface(this), "Android");
public class WebAppInterface {
    Context mContext;
    WebAppInterface(Context c) {
        mContext = c;
    }
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

2. 在JavaScript中调用Android方法

在JavaScript代码中，可以通过定义的接口调用Android方法：

Android.showToast("Hello from JavaScript");

三、使用JavaScript注入

1. 通过WebViewClient注入JavaScript

可以通过自定义WebViewClient在页面加载完成后注入JavaScript代码：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        webView.loadUrl("javascript:(function() { " +
                "document.getElementById('element_id').style.display='none'; " +
                "})()");
    }
});

四、处理JavaScript回调

1. 捕获JavaScript回调

可以通过JavaScript与Android的交互处理回调：

webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
        // Handle the alert message
        return true;
    }
});

2. 定义回调函数

在JavaScript中定义回调函数，并在Android代码中处理：

function callAndroidFunction() {
    AndroidFunction.onResult("result data");
}

在Android代码中处理回调数据：

public class WebAppInterface {
    @JavascriptInterface
    public void onResult(String data) {
        // Process the result data
    }
}

五、综合示例

下面是一个综合示例，演示了如何在Android中调用JavaScript代码，并处理JavaScript回调：

布局文件（activity_main.xml）

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

主活动文件（MainActivity.java）

public class MainActivity extends AppCompatActivity {
    private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setDomStorageEnabled(true);
        webView.addJavascriptInterface(new WebAppInterface(this), "Android");
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                webView.loadUrl("javascript:(function() { " +
                        "document.getElementById('element_id').style.display='none'; " +
                        "})()");
            }
        });
        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
                result.confirm();
                return true;
            }
        });
        webView.loadUrl("https://www.example.com");
    }
    public class WebAppInterface {
        Context mContext;
        WebAppInterface(Context c) {
            mContext = c;
        }
        @JavascriptInterface
        public void showToast(String toast) {
            Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
        }
    }
}

JavaScript代码示例

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <script type="text/javascript">
        function callAndroid() {
            Android.showToast("Hello from JavaScript");
        }
    </script>
</head>
<body>
    <button onclick="callAndroid()">Call Android</button>
</body>
</html>

通过以上方法和示例，开发者可以在Android应用中有效地调用JavaScript代码，并实现与JavaScript的双向通信。可以根据具体需求选择适合的方法进行实现。