Android Html交互_二_ JS与App互相调用

最新推荐文章于 2024-05-15 07:03:34 发布

置顶

AndroidDaily

最新推荐文章于 2024-05-15 07:03:34 发布

阅读量1.1w

点赞数 1

分类专栏： Android开发总结文章标签： html android JS App 互调

本文链接：https://blog.csdn.net/fenggit/article/details/51028300

版权

Android Html交互<二> JS与App互相调用

@(Android系统源码解析)[Android, html]

声明：转载请注明出处,知识有限，如有错误,请多多交流指正!

Android Html交互二 JS与App互相调用

场景：html网页中JS与App相互调用，相互传输数据，互相调用；

代码下载地址: https://github.com/app-demo/AndroidHtml.git

效果图

代码主要分为2部分Android和Html代码，为了方便测试将index_js.html放在App项目assets文件夹下面，再通过WebView加载页面，效果图如下:
这里写图片描述

网页Html端代码

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>JS和Android交互</title>

        // 样式
        <style>
            button {
                    height: 36px;
                    width: 100%;
                    background: #98bf21;
            }
        </style>
    </head>

    <body>
        <p>JS和Android交互</p>

        <button onclick="invokeAppMethod()">JS调用App方法(不带参数)</button>
        <br/>
        <br/>
        <button onclick="sendInfoToJava()">JS调用App方法(带参数)</button>

最低0.47元/天解锁文章

AndroidDaily

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Android Html交互_二_ JS与App互相调用

Android Html交互<二> JS与App互相调用@(Android系统源码解析)[Android, html]声明：转载请注明出处,知识有限，如有错误,请多多交流指正!Android Html交互二 JS与App互相调用效果图网页Html端代码Android端代码解释场景：html网页中JS与App相互调用，相互传输数据，互相调用；代码下载地址: https://github.com/
复制链接

扫一扫