浅谈Android程序与JavaScript脚本的交互
我们都知道，手机时代的来临的主要标志是啥？能够方便的接入互联网！互联网展现给我们的方式一般都是网页，网页中又必不可少的拥有javascript，所以说，android提供对javascript的支持那是迫在眉睫了，幸好，android早就给我们提供了无缝连接。让我们可以通过android与javascript进行交互。
我们的应用很简单，如图：
我们有一个输入框，旁边有个按钮，点击按钮就会提示我们输入的内容。当然这只是html中最简单的程序了，但是你将这个程序放入android手机中访问下试试，它是不会进行提示的。要想让其以android的形式提示用户，我们就需要用到android和javascript的交互。对了，这里展示的是一个网页哦，代码如下：
js.html
<html>
<head>
<title>js交互android</title>
<mce:script type="text/javascript"><!--
function show(){
var a = document.getelementbyid("text").value;
alert(a);
}
// --></mce:script>
</head>
<body>
<form action="">
<input type="text" id="text" value=""/>
<input type="button" id="button" onclick="window.chenzheng_java.show()" value="clickme"/>
</form>
</body>
</html>
再看看我们的activity代码：
package cn.com.chenzheng_java.js;
import android.app.activity;
import android.os.bundle;
import android.os.handler;
import android.util.log;
import android.webkit.jsresult;
import android.webkit.webchromeclient;
import android.webkit.websettings;
import android.webkit.webview;
import android.widget.toast;
public class javascriptactivity extends activity {
webview webview;
handler handler = new handler();
@override
public void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.main);
webview = (webview) findviewbyid(r.id.webview1);
/**
* websettings 保存着webview中的状态信息。当webview第一次被创建时，websetting中
* 存储的都为默认值。websetting和webview是一一绑定的。如果webview被销毁了，那么
* 我们再次调用websetting中的方法时，会抛出异常。
*/
websettings websettings = webview.getsettings();
websettings.setjavascriptenabled(true);
webview.loadurl("file:///data/js.html");
/***
*webchromeclient是一个比较神奇的东西，其里面提供了一系列的方法，
*分别作用于我们的javascript代码调用特定方法时执行，我们一般在其内部
*将javascript形式的展示切换为android的形式。
* 例如：我们重写了onjsalert方法，那么当页面中需要弹出alert窗口时，便
* 会执行我们的代码，按照我们的toast的形式提示用户。
*/
class mywebchromeclient extends webchromeclient {
@override
public boolean onjsalert(webview view, string url, string message,
jsresult result) {
toast.maketext(getapplicationcontext(), message,
toast.length_long).show();
return true;
}
}
webview.setwebchromeclient(new mywebchromeclient());
/*
* 为javascript提供一个回调的接口，这里要注意，一定要在单独的线程中实现,要不会阻塞线程的
* addjavascriptinterface(object obj, string interfacename)
* obj代表一个java对象，这里我们一般会实现一个自己的类，类里面提供我们要提供给javascript访问的方法
* interfacename则是访问我们在obj中声明的方法时候所用到的js对象，调用模式为window.interfacename.方法名()
*/
webview.addjavascriptinterface(new object() {
public void show() {
handler.post(new runnable() {
@override
public void run() {
log.i("通知", "调用了该方法哦");
/*
* 通过webview.loadurl("javascript:xxx")方式就可以调用当前网页中的名称
* 为xxx的javascript方法
*/
webview.loadurl("javascript:show()");
}
});
}
}, "chenzheng_java");
}
}
注意：
1)为了让webview从apk文件中加载assets，android sdk提供了一个schema，前缀为"file:///android_asset/"。webview遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"
2)addjavascriptinterface方法中要绑定的java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用handler的目的。
3）如果你要访问网络，请在androidmanifest.xml中加上权限<uses-permission android:name="android.permission.internet"></uses-permission>
api
我们在程序中可以看到，android访问网页以及与javascript交互主要用到了这么几个类：
webview ：我们可以认为它就是一个浏览器，会对用户访问的网址进行解析，下载，渲染……，然后返回给用户一个网页。 其内部使用的是webkit渲染引擎，它还包含了一些我们经常使用的功能，比如放大、缩小网页（需要在websetting中先设置websettings.setbuiltinzoomcontrols(boolean)）；前进、后退……。
默认情况下，webview对javascript和页面的错误都是忽略的。很多时候，如果我们想要加载一个uri，可能我们更多的会使用这种形式：
uri uri = uri.parse("http://www.example.com"); intent intent = new intent(intent.action_view, uri); startactivity(intent);
api中为我们提供了一个通过webview加载页面的例子，
我们可以看到，主要有loadurl()和loaddata()方法。这里请注意各个参数的含义哦、
拓展
此外，android还为我们提供了一些类来辅助我们的webview的使用。
webviewclient:
。webviewclient就是帮助webview处理各种通知、请求事件的，具体来说包括：
- onloadresource:通知webview加载url指定的资源时触发
- onpagestart：页面开始加载时触发
- onpagefinish：页面加载完毕时触发
- onreceiveerror：出现错误时触发
- webchromeclient:
webchromeclient是辅助webview处理javascript的对话框，网站图标，网站title，加载进度等
- onclosewindow(关闭webview)
- oncreatewindow()
- onjsalert (webview上alert是弹不出来东西的，需要定制你的webchromeclient处理弹出)
- onjsprompt
- onjsconfirm
- onprogresschanged
- onreceivedicon
- onreceivedtitle
api中提供给我们一个实例：
websetting:和webview是一一绑定的，控制webview的一些基础设置信息，如是否识别javascript，网页是否可放大缩小等。
如果我们想通过webview进行历史网页查看时，一定要注意，先通过如下方法判断下是否可执行该操作才好：
然后就可通过
- void goback()
- void gobackorforward(int steps)
- void goforward()
三个方法进行操作了，字面意思很容易看懂，其中gobackorforward传递进负数时为back操作，正数为forward操作。
下一篇： Python 对象中的数据类型
推荐阅读