市面上很多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. Netty源码分析第2章(NioEventLoop)---->第1节: NioEventLoopGroup之创建线程执行器

    Netty源码分析第二章: NioEventLoop 概述: 通过上一章的学习, 我们了解了Server启动的大致流程, 有很多组件与模块并没有细讲, 从这个章开始, 我们开始详细剖析netty的各个 ...

  2. Netty源码分析第5章(ByteBuf)---->第9节: ByteBuf回收

    Netty源码分析第五章: ByteBuf 第九节: ByteBuf回收 之前的章节我们提到过, 堆外内存是不受jvm垃圾回收机制控制的, 所以我们分配一块堆外内存进行ByteBuf操作时, 使用完毕 ...

  3. [Windows][C#][.NET][WPF]基于ArcFace2.0+红外双目摄像头的活体检测

    废话不多说 直接上图这个是demo中用到的双目摄像头,一个是红外的,一个是正常的rgb摄像头两个usb接口,在电脑上呈现两路摄像头通道程序检测RGB输出图像,当检测到有人脸时,用RGB人脸的位置到红外 ...

  4. 机器学习算法 --- SVM (Support Vector Machine)

    一.SVM的简介 SVM(Support Vector Machine,中文名:支持向量机),是一种非常常用的机器学习分类算法,也是在传统机器学习(在以神经网络为主的深度学习出现以前)中一种非常牛X的 ...

  5. react + antiDesign开发中遇到的问题记录

    react + antiDesign开发中遇到的问题记录 一:页面中子路由失效: antiDesign的官方实例中,会把路由重复的地方给去重,而且路由匹配模式不是严格模式.所以我们需要在util.js ...

  6. nginx模块学习

    rewrite模块的语法 链接

  7. MySql 赋值操作符"="与":="

    MySql小点心—1.赋值操作符"="与":=" 对于刚接触到mysql的程序员来说,会对这两个符号有疑问,因为会发现有的代码里用这个有的用另一个. 当然他们是 ...

  8. 在Web Page中包含PHP代码

    PHP代码可以出现在Web Page的任何位置,甚至在HTML的标签里面也可以.有4中方式在Web Page中包含PHP代码: 使用<?php ... ?>标签 <!doctype ...

  9. 关于如何使用Microsoft Word发博客

    关于如何使用Microsoft Word发博客   PS:以Microsoft Word 2010为例作具体操作,实际上Microsoft Word 2007也可以完成该功能,略有差异,但是只能是20 ...

  10. 《Spring1之 第一次站立会议（重发）》

    < 第一次站立会议(重发)> 昨天,我对我们团队要做的项目进行了相关资料的查找,我找到了服务器和客户端的相关代码以及找到了把它们通信所使用TCP/IP等协议: 今天,我把找到的代码和协议资 ...