Android与HTML+JS交互入门
来源:互联网 发布:html 按钮点击事件 js 编辑:程序博客网 时间:2024/05/22 17:02
在Android开发中,越来越多的商业项目使用了Android原生控件与WebView进行混合开发,当然不仅仅就是显示一个WebView那么简单,有时候还需要本地Java代码与HTML中的JavaScript进行交互,Android也对交互做了很好的封装,所以很容易实现例如:点击网页中的按钮Android调用原生对话框,点击网页中的电话号码调用Android拨号APP。这篇给大家介绍下如何实现Android与HTML+JS的交互。
有的人可能不理解什么是javascript,可以简单理解为它在HTML中的作用就相当于你在java中写的函数(方法)差不多。
本篇主要实现的功能点:
- Android 调用HTML中的javascript脚本
- HTML中的javascript脚本调用Android本地代码
- Android 调用HTML中的javascript脚本并传递参数
- HTML中的javascript脚本调用Android本地代码并传递参数
实现Android调用JS脚本是非常简单的,直接Webview调用loadUrl方法,里面是JS的方法名,并可以传入参数,javascript:xxx()方法名需要和JS方法名相同
- 1
- 1
HTML代码
实现JS调用Android方法,需要在Java代码中添加下面这句,webview绑定javascriptInterface,js脚本通过这个接口来调用java代码, 第一个参数是自定义类对象,映射成JS对象,这里我直接传this,第二个参数是别名,JS脚本通过这个别名来调用java的方法,这个别名跟HTML代码中也是对应的。
- 1
- 1
HTML代码
先看一下效果图,上面是2个原生Button View 下面是一个WebView
下面是具体的实现步骤:
先建立一个HTML文件,很简单,里面主要有两个按钮,两个JS方法
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
需要把这个HTML文件放到assets文件夹中 注意文件夹位置
添加权限
- 1
- 1
布局文件
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
Activity 的java类
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
Ok 这样一个简单的Android与HTML+JS的交互就完成了,有什么问题也可以在下方留言。
源码下载地址 http://download.csdn.net/download/leejizhou/9461804
- Android与HTML+JS交互入门
- Android与HTML+JS交互入门
- Android与HTML+JS交互入门
- android js与html 交互
- Android与Html&JS交互
- Android与HTML+JS交互
- Android与HTML+JS交互
- android与js+HTML交互
- android 本地html JS与android 交互
- HTML---Android与js交互实例
- Android 与 HTML + Js的交互
- Android js交互 与 Html启动App
- Android与HTML+JS的交互
- Android与HTML的JS 交互
- Android与HTML+JS交互入门http://blog.csdn.net/leejizhou/article/details/50894531
- android与html交互
- android与html交互
- Android学习笔记-Android与HTML+JS交互
- C# 将汉字转换为16进制
- Oracle trunc()函数的用法
- 解释器模式(Interpreter)
- Maven学习总结(17)——Maven常用的几个核心概念
- AMD-require.js的用法
- Android与HTML+JS交互入门
- 预览github项目的html文件新方法
- @RequestBody
- Centos7添加静态路由
- dashBoard 统计图超链接中文乱码
- Ionic3 瀑布流布局
- C#学习笔记(三)—–C#高级特性中的委托与事件(中)
- ios中关于delegate(委托)的使用心得
- 如何托管本地项目到github上