网站首页

网站源码

加入VIP，免费下载全站VIP素材开通VIP

PHP源码 ASP源码 .NET源码其他VIP源码手机VIP源码

CMS模板

加入VIP，免费下载全站VIP素材开通VIP

织梦模板帝国cms模板商城源码 discuz模板 wordpress模板其他源码 app源码 pbootcms

安卓源码

加入VIP，免费下载全站VIP素材开通VIP

VIP源码控件分类功能分类技术博客

免费源码

php源码 asp源码 .NET源码 java源码其他源码

会员特权

广告合作

●●●

加入VIP，免费下载全站素材开通VIP

设计素材网页特效网页设计作业开发教程

登录注册 QQ登录

热门搜索：　

　

　

　

　

　

　

　

当前位置：首页 > 安卓源码 > 技术博客 >

Android 中Webview 与h5的交互

时间：2016-11-07 14:32 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

首先在这里说一下.现在安卓的开发基本都是混合开发,所以对于每一个安卓开发人员来说,会安卓与H5交互是必须的,在这里首先为大家讲解安卓与H5最简单的交互方式.首先在这里贴出Html代码.html代码如下: html head meta charset=UTF-8 title交互Demo/title meta c

首先在这里说一下.现在安卓的开发基本都是混合开发,所以对于每一个安卓开发人员来说,会安卓与H5交互是必须的,在这里首先为大家讲解安卓与H5最简单的交互方式.首先在这里贴出Html代码.html代码如下:

		<html>

		<head>

		<meta charset="UTF-8">

		<title>交互Demo</title>

		<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">

		</head>

		<body>

		getUserinfo:<br>

		<input value="立即报名" type="button" onClick="baoming();" /><br>

		<input value="详细信息" type="button" onClick="baoming1();" /><br>

		<input value="你好" type="button" onClick="baoming2();" /><br>

		<script>

		/*var rs=window.om.getUserinfo();

		document.getElementById('userinfo').innerHTML=rs;*/

		var rs=window.demo.getUserinfo();

		var obj = eval ("(" + rs + ")");

		if(obj.status){

		document.getElementById('userinfo').innerHTML=obj.data.nickname;

}

		function baoming(){

		if(window.demo.needLogin()){

		location.;

}

}

		function baoming1(){

		if(window.demo.getUserinfo()){

		location.;

}

}

		function baoming2(){

		if(window.demo.getData("红红火火")){

		location.;

}

}

		</script>

		</body>

		</html>

	接下来讲解如何在安卓中加载本地H5页面;首先将我们的Html放在 assets 目录中,在我们的XML 布局里面声明webview控件,在activity里面获取到我们HTML的路径如下:String path = "file:///android_asset/android.html";,

	加载H5 的步骤如下:web_main.loadUrl(path);

	在安卓与H5 的交互中,我们必须声明安卓支持 javaScript; 代码如下: web_main.getSettings().setJavaScriptEnabled(true);这句话的意思是让安卓支持JavaScript, 接下来我们讲解安卓如何调用H5的方法,安卓调用H5很简单,就是通过 web_main.loadurl("javaScript:方法名");这个方法名字是H5页面给我们提供的方法名,但是安卓调用H5 的必须在主线程调用,有两种方式可以在主线程调用,分别是 Handler,

	另外一种是  :

	 web_main.post(new Runnable() {

	@Override

	public void run() {

	web_main.loadUrl("javascript:baoming3()"); //aa是js的函数test()的参数

}

});

	接下来我们讲解H5调用安卓的方法,H5调用安卓的时候我们也需要设置一个属性,这个属性就是:

	 web_main.addJavascriptInterface(new PayJavaScriptInterface(), "demo");

	其中 addJavascriptInterface 有两个参数,第一个参数是咱们自己自定义的类的实例化,第二个参数是自定义字段,自定义类里面有H5需要调用的方法,H5调用安卓方法的格式是: window.第二个参数.方法名

	自定义类的案例如下,以上步骤就可以完成H5调用安卓,但是在H5调用安卓的方法的时候,在安卓4.4以后,必须在方法上面声明 @JavascriptInterface

		final class PayJavaScriptInterface {

		PayJavaScriptInterface() {

}

		@JavascriptInterface

		public String getUserinfo() {

		Toast.makeText(getApplicationContext(),"报名",Toast.LENGTH_LONG).show();

		return "dd";

}

		@JavascriptInterface

		public boolean needLogin() {

		Toast.makeText(getApplicationContext(),"登陆",Toast.LENGTH_LONG).show();

		return false;

}

		@JavascriptInterface

		public void getData(String name){

		Toast.makeText(getApplicationContext(),name,Toast.LENGTH_LONG).show();

}

}

		以上就是安卓与H5 的交互方法,具体安装去 开源中国去下载,代码地址如下

https://git.oschina.net/gaoxuejun/AndroidH5.git

Android 中Webview 与h5的交互转载https://www.codesocang.com/appboke/33766.html

标签：源码网站源码

上一篇：Android软键盘挡住输入框问题终极解决方法

下一篇：Android 中的指纹识别

最完整的Android开发工具集合整理

使用C ++ 11线程支持库创建带有事件循环，

快速集成MQTT协议到Android客户端,只需要简

淘宝返利app哪个最好，返利APP怎么返利？

thinkPHP独立版社区团购带直播源码详细安装

群控系统能做到同时控制上百台手机吗？教你

面向初学者的JavaScript中的对象分解

android自定义尺子收集demo

android日历收集demo

不使用create-react-app：如何设置自己的re

错误运行app: This version of Android Stu

将ONNX图像分类模型转换为Core ML

热门源码

学生个人网页制作

学生学籍管理系统

网页制作代码

公司网站源码

asp建站系统

导航网站模板

网站源文件

网站源码下载

帝国网站管理系统

分类信息程序

第三方支付源码

网页制作模板下载

电脑登录界面

织梦cms模板

网络编程技术

个人博客模板

网站首页模板

电脑报电子版

后台管理系统模板

源代码下载

中易广告联盟系统

网站源代码

网站源码出售

编程电子书

企业网站模板

php问答系统下载

个人网站设计模板

php网页源码

网站客服代码

个人主页源码

个人主页模板

网页在线客服代码

网页制作模板

个人简历网页模板

帝国cms模板

html网页模板

源代码下载

在线客服源码

php软件下载

免费源码下载

Copyright © 版权所有本站资源均来自互联网或会员发布，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！