Android中实现WebView和JavaScript的互相调用详解-创新互联

前言

创新互联不只是一家网站建设的网络公司；我们对营销、技术、服务都有自己独特见解，公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务！我们经历的每一步也许不一定是最完美的，但每一步都有值得深思的意义。我们珍视每一份信任，关注我们的做网站、网站制作质量和服务品质，在得到用户满意的同时，也能得到同行业的专业认可，能够为行业创新发展助力。未来将继续专注于技术创新，服务升级，满足企业一站式成都营销网站建设需求，让再小的成都品牌网站建设也能产生价值！

很多复杂的UI界面，在Android中需要配合大量xml代码和java代码实现，而使用HTML5可以非常轻松的实现出来，而且具有很好的跨平台特性，让我们不必为了多个平台而重写代码，H5学习成本也较低，上手快。虽然从目前来说H5在Android系统中的速度可能还欠佳一些，但相信随着手机的性能不断的提高，这些问题都会被解决

使用H5开发Android的UI界面，最重要的就是如何实现Js代码和Java代码之间的互相调用了

在讲解之前，让我们先把项目跑起来

效果图：

准备好index.html文件，将它放入Android工程下的assets文件夹中：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>JSTest</title>
 <script src="app.js"></script>
</head>
<body>
<table border="1" width="100%" id="table" cellspacing="0">
 <tr>
  <td width="50%" align="center">姓名</td>
  <td width="50%" align="center">电话</td>
 </tr>
</table>
<hr>
<input id="jsinput">
<Button onclick="getMessage()">js传值给Toast</Button>
</body>
</html>