Android中WebView使用html，且实现android和JS的互相调用

最新推荐文章于 2024-07-24 11:23:56 发布

一品仙人

最新推荐文章于 2024-07-24 11:23:56 发布

阅读量8.2k

点赞数 1

分类专栏： android 文章标签： android JS html android和js互掉

本文链接：https://blog.csdn.net/justyisheng/article/details/79396755

版权

本文介绍了如何在Android中创建html文件并将其放在assets文件夹下，通过WebView加载。展示了如何实现在Android与JS之间的相互调用，包括无参和有参调用，并提供了注意事项和完整demo的下载链接。

摘要由CSDN通过智能技术生成

本文原创，转载注明出处JUSTYiSheng

1、创建html文件

创建文件很简单，用基本的文本编辑器保存成.html格式即可

web.html文件如下

<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">

function javaToJS(){
     document.getElementById("content").innerHTML =
         "<br\>JAVA调用了JS的无参函数";
}

function javaToJsWith(arg){
     <!--document.getElementById("content").innerHTML =-->
         <!--("<br\>"+arg);-->
         document.location=arg;
}
</script>
</head>
<body>
以下为html内容<br/>
<h1><div id="content">显示一条文本</div></h1>
<br/>
<input type="button"  value="调用java代码，且无参" οnclick="window.java.noParameterFunction()" />
<br/>
<input type="button"  value="调用java代码，且有参" οnclick="window.java.parameterFunction('JS->android 有参成功')"/>
</body>
</html>

分析：内容很简单，两个JS方法，供原生调用。两个按钮，调用原生的方法。分别对应有参调用、无参调用，看代码即可理解

2、创建安卓工程

创建一个最简单的安卓工程，一个活动，布局中有两个按钮和webview即可

MainActivity.java

package com.example.zyy.androidtohtml;

import android.app.Activity;
import android.os.Bundle;
import android.v

最低0.47元/天解锁文章

一品仙人

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录