Android webview中JavaScript与Java方法的相互调用Demo

宏观与微观

已于 2022-05-10 15:57:54 修改

阅读量1.3k

点赞数 1

分类专栏： Android开发 webAPP Android混合开发文章标签： Android webview javascript 博客

于 2019-11-14 17:21:37 首次发布

本文链接：https://blog.csdn.net/nmyangmo/article/details/51208618

版权

本文详细介绍了WebView如何与JavaScript进行交互，包括WebView调用HTML中的JavaScript代码，HTML调用Java中的方法，以及如何通过参数传递数据。通过实例演示了具体的实现步骤。

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

阅读博客前，希望大家对webview有一定了解，此博客只解决JavaScript和Java之间的相互调用。

意义：JavaScript和java语言彼此可以利用对方的方法，彼此可以互传数据

test.html代码：
<!DOCTYPE HTML>

<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript">
        function writeHello(){
            document.write("<h1>Hello World!</h1>");
        }
    </script>
    <h1>头部</h1>
</head>
<body >
<h2 id="h2">体部</h2>
</body>
</html>
1、webview调用html中的JavaScript代码

(1) 首先保证webview支持JavaScript
	 webView.getSettings().setJavaScriptEnabled(true);
(2)加载静态本地页面地址或网页地址
 	webView.loadUrl("file:///android_asset/test.html");
(3)调用test.html中writeHello方法 webView对象直接调用loadUrl("javascript:js方法名");
	webView.loadUrl("javascript: writeHello()");
2、html调用java中的方法

(1) 首先创建一个类JsToJava.java&#