Android中内置了WebKit模块，而该模块的Java层视图类就是WebView，所有需要使用Web浏览器功能的Android都需要创建该视图类对象显示和处理请求的网络资源。目前WebKit支持Http、Https、Ftp和JavaScript请求。下面是在Android中调用JavaScript方法以及如何在js中调用本地方法。
1、在Assets下放一个简单的html文件jstest.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
<META http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<script>
function showMsg(){
alert("hello world!")
}
function showMsgInAndroid(){
myjs.showMsg('hello in android!')
}
</script>
</HEAD>
<BODY>
<span>测试js使用</span>
<button id='btntest' onclick='showMsgInAndroid()'>调用android方法</button>
</BODY>
</HTML>
2、布局文件main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/rl_main"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
>
<WebView
android:id="@+id/wv_test"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@+id/btn_showmsg"/>
<Button
android:id="@+id/btn_showmsg"
android:layout_width="200dip"
android:layout_height="40dip"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:text="调用html中js方法"/>
</RelativeLayout>
3、然后是Activity，MainActivity.java
package com.harold.jstest
import com.harold.base.JSKit
import android.app.Activity
import android.os.Bundle
import android.os.Handler
import android.view.View
import android.view.View.OnClickListener
import android.webkit.WebChromeClient
import android.webkit.WebView
import android.widget.Button
public class MainActivity extends Activity {
private WebView mWebView
private Button btnShowInfo
private JSKit js
private Handler mHandler = new Handler()
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState)
setContentView(R.layout.main)
//初始化控件
mWebView = (WebView) findViewById(R.id.wv_test)
btnShowInfo = (Button) findViewById(R.id.btn_showmsg)
//实例化js对象
js = new JSKit(this)
//设置参数
mWebView.getSettings().setBuiltInZoomControls(true)
//内容的渲染需要webviewChromClient去实现，设置webviewChromClient基类，解决js中alert不弹出的问题和其他内容渲染问题
mWebView.setWebChromeClient(new WebChromeClient())
mWebView.getSettings().setJavaScriptEnabled(true)
//把js绑定到全局的myjs上，myjs的作用域是全局的，初始化后可随处使用
mWebView.addJavascriptInterface(js, "myjs")
mWebView.loadUrl("file:///android_asset/jstest.html")
btnShowInfo.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mHandler.post(new Runnable() {
@Override
public void run() {
//调用 HTML 中的javaScript 函数
mWebView.loadUrl("javascript:showMsg()")
}
})
}
})
}
}
4、最后是绑定全局js的类JSKit.java
package com.harold.base
import android.widget.Toast
import com.harold.jstest.MainActivity
public class JSKit {
private MainActivity ma
public JSKit(MainActivity context) {
this.ma = context
}
public void showMsg(String msg) {
Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show()
}
}
例子比较简单，代码里都加了注释，这里就不多说了，本示例用的本地的html，如果访问网络中的网页，别忘记在AndroidManifest.xml中加权限
<uses-permission android:name="android.permission.INTERNET"/>
js的原生api加上浏览器暴漏出来的api能上万都困难，更别说几十万，如果你说的是调用桌面操作系统的api的话可以用nodejs，如果你说的是调用智能手机的操作系统api的话可以让webview控件暴漏的对象封装系统api，或者用phoneGap之类的东西打包你的app的话可以调用它提供的api具体用法查相应的文档.NativeScript的工作原理：用JavaScript调用原生API实现跨平台
NativeScript是最近推出的一个跨平台解决方案，可以让你可以用JavaScript来直接写Android、iOS本地应用程序，未来还即将扩展到Windows平台。是最近比较受关注的项目。它与 nw (原名node-webkit ，用Web写winodw/linux桌面应用)和 phonegap内嵌webview写APP的实现方式有着本质的不同，它直接用JavaScript调用系统原生API，因而有一些原生应用的特点。
