在Android开发中,越来越多的商业项目使用了Android原生控件与WebView进行混合开发,当然不仅仅就是显示一个WebView那么简单,有时候还需要本地Java代码与HTML中的javascript进行交互,Android也对交互做了很好的封装,所以很容易实现例如:点击网页中的按钮Android调用原生对话框,点击网页中的电话号码调用Android拨号APP。

实现Android调用JS脚本是非常简单的,直接Webview调用loadUrl方法,里面是JS的方法名,并可以传入参数,javascript:xxx()方法名需要和JS方法名相同

contentWebView.loadUrl("javascript:javacalljs()");

js代码

android 与JS之间的交互_第1张图片

实现JS调用Android方法,需要在Java代码中添加下面这句,webview绑定javascriptInterface,js脚本通过这个接口来调用java代码, 第一个参数是自定义类对象,映射成JS对象,这里我直接传this,第二个参数是别名,JS脚本通过这个别名来调用java的方法,这个别名跟HTML代码中也是对应的。

contentWebView.addJavascriptInterface(MainActivity.this,"android");

先看一下效果图,上面是2个原生Button View 下面是一个WebView

android 与JS之间的交互_第2张图片

网页布局

android 与JS之间的交互_第3张图片

java中调用的方法

android 与JS之间的交互_第4张图片

转载http://blog.csdn.net/leejizhou/article/details/50894531

更多相关文章

  1. Android彻底组件化—代码和资源隔离
  2. 获取Android的Java源代码并在Eclipse中关联查看的最新方法
  3. 在代码中实现android:tint效果
  4. 【Android 开发】: Android 消息处理机制之二: Message 中 obtai
  5. pandaboard ES学习之旅——4 Android源代码下载与编译
  6. android百度地图标记点代码
  7. Android使用代码模拟HOME键的功能
  8. Android近百个项目的源代码
  9. Android代码速查,写给新手的朋友们

随机推荐

  1. Android获取设备唯一ID
  2. 【Android(安卓)UI设计与开发】第06期:底
  3. android 广播接受者
  4. Ubuntu 10.10 与 华为 C8650 手机搭建 An
  5. 做自己的Android(安卓)ROM,屏蔽对framewor
  6. Android是什么 之三-------手机之硬件形
  7. Android手把手视频教程 | 课程简介
  8. 如何在Android上显示wmf的文件
  9. Android的备份服务概述
  10. Android(安卓)API Guides---Localizing w