市面上很多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. phpcmsv9广告版位调用方法

    <div class="ya"> <?php // pc:get 使用sql语句获取指定条件的广告版位! ?> {pc:get sql="SELE ...

  2. Vue+webpack报错： listen EADDRINUSE: address already in use :::8080

    如果本地运行多个vue+webpack项目会报错:listen EADDRINUSE: address already in use :::8080: 提示含义:地址端口已经被占用 注:8080指的是 ...

  3. Spring Cloud限流思路及解决方案

    转自: http://blog.csdn.net/zl1zl2zl3/article/details/78683855 在高并发的应用中,限流往往是一个绕不开的话题.本文详细探讨在Spring Clo ...

  4. CocoaPods ：为iOS程序提供依赖管理的工具（yoowei)

    修改于:2016.11.18   2017.1.10  2019.01.31 CocoaPods 源码 : https://github.com/CocoaPods/CocoaPods CocoaPo ...

  5. Daily Scrum5 11.7

    今日任务: 姓名 任务 时长 徐钧鸿 学习了java连接sqlserver的方法并且实现了连接池 2h 张艺 继续完成和用户管理有关的类的移植(Register.Success.Validate等) ...

  6. Linux系统（X32）安装Oracle11g完整安装图文教程另附基本操作

    一.修改操作系统核心参数 在Root用户下执行以下步骤: )修改用户的SHELL的限制,修改/etc/security/limits.conf文件 输入命令:vi /etc/security/limi ...

  7. HTML和CSS <h1> --1-- <h1>

    Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体.内容就是网页制 ...

  8. opencv的安装和卸载

    安装 测试环境为centos 安装依赖 yum install cmake gcc gcc-c++ gtk2-devel gimp-develgimp-devel-tools gimp-help-br ...

  9. 解决将easyui里的combobox里的输入框下拉列表变为空值

    jQuery easyui官网上有一个方法是 :clear方法,这个方法说是能清除数据,但我测试了,结果它确实清楚了(但他清除的只是输入框显示的数据,没有清除所有的数据),在这里巧妙的用 它加载数据的 ...

  10. Mysql高并发情况下的解决方案（转）

    查询了下Mysql 关于高并发的处理的资料,在这记录一下. 高并发大多的瓶颈在后台数据逻辑处理,在存储,mysql的正常的优化方案如下: 1.代码中sql语句优化 2.数据库字段优化,索引优化 3.加 ...