Android Html用js实现互通传递数据（Android和html数据传递）

最新推荐文章于 2024-08-11 03:46:25 发布

Ani_aierJun

最新推荐文章于 2024-08-11 03:46:25 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：知识点控件文章标签： android html javascript 数据

本文链接：https://blog.youkuaiyun.com/aierJun/article/details/53781758

知识点同时被 2 个专栏收录

41 篇文章

订阅专栏

控件

22 篇文章

订阅专栏

本文介绍了HTML与Android之间通过JavaScript实现数据交换的方法。主要内容包括Android端如何支持JavaScript及定义@JavascriptInterface，以及HTML端如何定义JavaScript函数并与Android进行交互。

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

html和Android之间的数据传递离不开Js

Android端

1.Android端必须支持Js

webView.getSettings().setJavaScriptEnabled(true);

2.Android端定义 @JavascriptInterface

webView.addJavascriptInterface(new WebHost(this), "js");

以及

public class WebHost {
        public Context context;

        public WebHost(Context context){
            this.context = context;
        }

        @JavascriptInterface
        public void acllJs(String url){
            Toast.makeText(context, url+"", Toast.LENGTH_SHORT).show();
            LogUtils.LogUtils(url+"............................");
            handler.obtainMessage(1,"ok").sendToTarget();
        }
    }

Html端

1.定义JS

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>文本输入框、密码输入框</title>
    <script type="text/javascript">
  function rec(){
   js.acllJs(111);<!--js与前面映射的参数相同，acllJs()与映射类中的方法相同-->
  }
</script>
</head>
<body>
<form id="test" name="test" action="">
    <p>姓名：<input type="text" name="name"></p>
    <p>密码：<input type="text" name="password"></p>
    <button name="go" type="button" onclick="rec()" value="GO"/>
</form>
</body>
</html>