市面上很多android软件都有内嵌H5的，主要是为了节约成本，提高开发效率，其实现原理主要是通过Java代码和JavaScript代码的互相调用来实现。

Java调用Js

1,webview初始化：

private void initWebView() {

        webView = new WebView(this);

        WebSettings webSettings = webView.getSettings();

        //设置支持javaScript脚步语言

        webSettings.setJavaScriptEnabled(true);

        //支持双击-前提是页面要支持才显示

        webSettings.setUseWideViewPort(true);

        //支持缩放按钮-前提是页面要支持才显示

        webSettings.setBuiltInZoomControls(true);

        //设置客户端-不跳转到默认浏览器中

        webView.setWebViewClient(new WebViewClient());

        //加载网络资源

        webView.loadUrl("http://soyoungboy.com/teacher.shtml");

//        webView.loadUrl("file:///android_asset/JavaAndJavaScriptCall.html");

        //显示页面

        setContentView(webView);

    }

2,加载main目录创建assets并且加载本地资源

webView.loadUrl("file:///android_asset/JavaAndJavaScriptCall.html");

3,java调用调用javaScript

/**

 * Java调用javaScript

 * @param numebr

 */

private void login(String numebr) {

    webView.loadUrl("javascript:javaCallJs("+"'"+numebr+"'"+")");

    setContentView(webView);

}

注意下Html5代码,回去调用javaCallJs(arg)代码：

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <script type="text/javascript">

    function javaCallJs(){

         document.getElementById("content").innerHTML +=

             "<br\>java调用了js无参函数";

    }

    function javaCallJs(arg){

         document.getElementById("content").innerHTML =

             ("欢迎："+arg );

    }

   function showDialog(){

      alert("谷粉们你好,我是来自javascript");

   }

    </script>

</head>

<body>

<div align="left" id="content"> 博客园</div>

<div align="right">光临博客园</div>

<p><img src="https://www.cnblogs.com/images/logo_small.gif"></p>

<input type="button" value="点击Android被调用" onclick="window.Android.showToast()" />

</body>

</html>

JavaScript调java

1,配置javasript

 //设置支持js调用java

        webView.addJavascriptInterface(new AndroidAndJSInterface(),"Android");

2,实现javaScript接口类

/**

 * js可以调用该类的方法

 */

class AndroidAndJSInterface{

        public void showToast(){

        Toast.makeText(JavaAndJSActivity.this, "我被js调用了",  Toast.LENGTH_SHORT).show();

    }

}

html5代码调用如上代码：

<input type="button" value="点击Android被调用" onclick="window.Android.showToast()" />

但是很有可能调用不起来，那么怎么处理呢？

  1. targetSdkVersion 修改为16

  2. 添加@JavascriptInterface注解，如下：
/**

 * js可以调用该类的方法

 */

class AndroidAndJSInterface{

    @JavascriptInterface

    public void showToast(){

        Toast.makeText(JavaAndJSActivity.this, "我被js调用了", Toast.LENGTH_SHORT).show();

    }

}

android与H5互相调用的更多相关文章

  1. Webview之H5页面调用android的图库及文件管理

    h5页面打开图片管理器 一般页面在pc打开文件管理器是用 type="file"的代码,可是这在android的webview是无效的,必须为webview设定WebChromeC ...

  2. Android与H5交互（java与js的交互）

    一.理论概述 1.js调用java方法 直接调用WebView的该方法就可以添加接口了,不过先要启动交互 // 启用javascript mWebView.getSettings().setJavaS ...

  3. Atitit.android webview h5运行环境总结

    Atitit.android webview h5运行环境总结 1. WebView 的使用1 2. Js调用java1 3. Js调用java 跟个swt的比较2 3.1. Swt是BrowserF ...

  4. Android 与H5之间的js交互

    之前项目做过一些Android和Html5之间js交互方面的东西,今天有时间就总结一下: 一.为什么要进行js交互: 为了方便原生开发和Html之间数据传递,在静态页面的情况下可以改变原生开发的页面: ...

  5. Android和H5交互-基础篇

    hybrid App开发也不是什么新鲜事了,其中native和h5之间的交互则是必不可少的.Android中是如何和H5交互的? 1.webView加载页面 我们都知道在Android中是通过webV ...

  6. Android和JavaScript相互调用的方法

    转载地址:http://www.jb51.net/article/77206.htm 这篇文章主要介绍了Android和JavaScript相互调用的方法,实例分析了Android的WebView执行 ...

  7. 【走过巨坑】android studio对于jni调用及运行闪退无法加载库的问题解决方案

    相信很多小伙伴都在android开发中遇到调用jni的各种巨坑,因为我们不得不在很多地方用到第三方库so文件,然而第三方官方通常都只会给出ADT环境下的集成方式,而谷歌亲儿子android studi ...

  8. Unity开发Android应用程序：调用安卓应用程序功能

    开发环境: Eclipse3.4 + adt12 + jdk6 + AndroidSDK2.2 Unity3.4 + windows7 测试设备: HTC Desire HD 本文要涉及到的几个重点问 ...

  9. android与javascript相互调用

    下面这一节来介绍android和javascript是怎么相互调用的,这样我们的UI界面设计起来就简单多了,而且UI设计起来也可以跨平台.现在有好多web app前台框架了,比如sencha和jque ...

随机推荐

  1. github在版本库中删除某个文件的所有历史记录

    github的目的就是版本控制,记录每一个版本的变动.然而有的时候我们往往希望从版本库中彻底删除某个文件,不再显示在历史记录中.例如不小心上传了一堆错误的文件,或者不小心上传了帐号.密码,那么这个时候 ...

  2. Tesseract 4 自行构建支持双引擎的tessdata 文件

    Tesseract 4 版本具备两种识别引擎:新的基于LSTM(神经网络)引擎与传统引擎.通过在初始化时设定不同的EngineMode启动. OCR Engine modes: 0 Legacy en ...

  3. SpringBoot集成dubbo实例

    项目总览图: 最下面有项目的pom,具体内容: 项目运行注意事项: 先启动 provider, 将providers.xml中 port 先修改为20187 执行test目录 下的DubboProvi ...

  4. sprint3（第一天）

    1.今天计划了sprint3要做的内容: 整合前台和后台,然后发布让用户使用,然后给我们反馈再进行改进 2.backlog表格: ID Name Est How to demo 1 实现用户登录与权限 ...

  5. 2017-2018-2 1723 『Java程序设计』课程 结对编程练习_四则运算

    一.结对对象 姓名:侯泽洋 学号:20172308 担任角色:驾驶员(侯泽洋) 伙伴第一周博客地址 二.本周内容 1.程序需求 (1).自动生成题目 可独立使用(能实现自己编写测试类单独生成题目的功能 ...

  6. 1001. A+B Format (20)的解题思路以及多源代码文件的尝试编写

    前言 这几天刚学了多源代码文件的编译,因为想尝试使用一下这种方法,所以想用此编写这次作业的程序.正好可以learning by doing,在做当中学习新知识.(编译器为Dev-C++) github ...

  7. unix网络编程——TCP套接字编程

    TCP客户端和服务端所需的基本套接字.服务器先启动,之后的某个时刻客户端启动并试图连接到服务器.之后客户端向服务器发送请求,服务器处理请求,并给客户端一个响应.该过程一直持续下去,直到客户端关闭,给服 ...

  8. sprint1

    6.0----------------------------------------------------- sprint演示 1.坚持所有的sprint都结束于演示. 团队的成果得到认可,会感觉 ...

  9. 基于 Jmeter 的 web 端接口自动化测试平台

    简介 基于之前的react+unittest+flask的接口自动化平台开发经验,和趟过的坑,我重新开发了这个接口自动化平台.平台前端采用的antd+dva+umi的antd-pro模板,结合平台业务 ...

  10. Java并发编程之线程生命周期、守护线程、优先级、关闭和join、sleep、yield、interrupt

    Java并发编程中,其中一个难点是对线程生命周期的理解,和多种线程控制方法.线程沟通方法的灵活运用.这些方法和概念之间彼此联系紧密,共同构成了Java并发编程基石之一. Java线程的生命周期 Jav ...