Android和JavaScript相互调用的方法

本文实例讲述了Android和JavaScript相互调用的方法。分享给大家供大家参考，具体如下：
Html页面和Java代码结合的方式一般用在界面经常被更改的情况下，可以讲html放在网络中，软件一打开就会访问网络获取到最新的界面。缺点是会受到网络信号的影响，从而导致访问速度慢。
1.用WebView来显示HTML代码
2.允许WebView执行JavaScript
复制代码代码如下:webView.getSettings（）.setJavaScriptEnabled（true）;
3.获取到HTML文件，也可从网络中获取
复制代码代码如下:webView.loadUrl（"file:///android_asset/index.html"）; //HTML文件存放在assets文件夹中
4.添加一个对象, 让JS可以访问该对象的方法, 该对象中也可以调用JS中的方法
复制代码代码如下:webView.addJavascriptInterface（new Contact（）, "contact"）;
完整示例代码如下：
效果图：

MainActivity

import android.app.Activity;import android.content.Intent;import android.net.Uri;import android.os.Bundle;import android.webkit.WebView;public class MainActivity extends Activity { private WebView webView; public void onCreate（Bundle savedInstanceState） {super.onCreate（savedInstanceState）;setContentView（R.layout.main）;//加载页面webView = （WebView） findViewById（R.id.webView）;//允许JavaScript执行webView.getSettings（）.setJavaScriptEnabled（true）;//找到Html文件，也可以用网络上的文件webView.loadUrl（"file:///android_asset/index.html"）;// 添加一个对象, 让JS可以访问该对象的方法, 该对象中可以调用JS中的方法webView.addJavascriptInterface（new Contact（）, "contact"）; } private final class Contact {//JavaScript调用此方法拨打电话public void call（String phone） { startActivity（new Intent（Intent.ACTION_CALL, Uri.parse（"tel:" + phone）））;}//Html调用此方法传递数据public void showcontacts（） { String json = "[{"name":"zxx", "amount":"9999999", "phone":"18600012345"}]"; // 调用JS中的方法 webView.loadUrl（"javascript:show（"" + json + ""）"）;} }}

HTML：

<！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>Insert title here</title><script type="text/javascript"> function show（jsondata）{ var jsonobjs = eval（jsondata）; var table = document.getElementById（"personTable"）; for（var y=0; y<jsonobjs.length; y++）{var tr = table.insertRow（table.rows.length）;var td1 = tr.insertCell（0）;var td2 = tr.insertCell（1）;td2.align = "center";var td3 = tr.insertCell（2）;td3.align = "center";td1.innerHTML = jsonobjs[y].name;td2.innerHTML = jsonobjs[y].amount;td3.innerHTML = "<a href="javascript:contact.call（""+ jsonobjs[y].phone+ ""）">"+ jsonobjs[y].phone+ "</a>"; } }</script> </head> <body onload="javascript:contact.showcontacts（）"><table border="0" width="100%" id="personTable" cellspacing="0"> <tr><td width="30%">姓名</td><td width="30%" align="center">存款</td><td align="center">电话</td> </tr></table> </body></html>

拨打电话需要添加权限：
复制代码代码如下:<uses-permission android:name="android.permission.CALL_PHONE" />
希望本文所述对大家Android程序设计有所帮助。