webView与js交互

最新推荐文章于 2025-04-09 18:17:47 发布

A.mei

最新推荐文章于 2025-04-09 18:17:47 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_43489211/article/details/89066620

本文介绍了一个简单的Android应用示例，展示了如何使用WebView加载本地HTML文件，并通过JavaScript接口实现Android与HTML页面间的交互。具体包括设置WebView允许执行JavaScript代码、定义调用JavaScript方法的按钮及其实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建一个assets文件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Carson_Ho</title>
    // JS代码
    <script>
// Android需要调用的方法
   function callJS(){
     alert("Android调用了JS的callJS方法");
   }
</script>
</head>
</html>

public class MainActivity extends AppCompatActivity {

    private WebView webview;
    private Button button;

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

        webview = findViewById(R.id.web);
        button = findViewById(R.id.button);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                webview.loadUrl("javascript:callJS()");
            }
        });

        WebSettings settings = webview.getSettings();
        settings.setJavaScriptEnabled(true);
        settings.setJavaScriptCanOpenWindowsAutomatically(true);
        webview.loadUrl("file:///android_asset/test.html");
        webview.setWebChromeClient(new WebChromeClient(){
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }
        });

    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button"
        android:text="点击调用"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

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

    </WebView>


</LinearLayout>