Android与H5互调详细介绍_androidh5互调 - CSDN文库

94 浏览量更新于2023-05-04 评论收藏 73KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Android与与H5互调详细介绍互调详细介绍

Android与与H5互调详细介绍互调详细介绍

微信，微博，微商，QQ空间，大量的软件使用内嵌了H5，这个时候就需要了解Android如何更H5交互的了；有些外包公

司，为了节约成本，采用Android内嵌H5模式开发，便于在iOS上直接复用页面，最终解决成本。

为什么学android也要学h5？

Android很多软件都有内嵌H5的,有什么用处、优势？节约成本，提高开发效率。

实现的原理是什么？

本质是:Java代码和JavaScript调用

案例一：案例一：Java与与Js简单互调简单互调

首先，在Android代码中加载H5页面：

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://atguigu.com/teacher.shtml");

webView.loadUrl("file:///android_asset/JavaAndJavaScriptCall.html");

//显示页面

setContentView(webView);

}

JavaAndJavaScriptCall.html:

<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>

<input type="button" value="点击Android被调用" onclick="window.Android.showToast()" />

</body>

</html>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论0

weixin_38724106

粉丝: 3
资源: 911

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈