android中通过WebView控件可以加载网页和本地的html文件。下面是一个简单的android与js交互Demo。
主类:
public class MainActivity extends Activity {
WebView webview;
Button btn;
@SuppressLint({ "SetJavaScriptEnabled", "JavascriptInterface" })
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webview = (WebView) findViewById(R.id.webView);
webview.getSettings().setJavaScriptEnabled(true);// 设置js属性可用为true
webview.loadUrl("file:///android_asset/index.html");// 加载本地的html文件
webview.addJavascriptInterface(this, "demo");// 与js交互的接口,第一个参数可以是本类this,也可new一个类,第二个参数为接口别名。
btn = (Button) findViewById(R.id.btn);
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
webview.loadUrl("javascript:javacalljs()");// java代码调用js中的方法
}
});
}
@JavascriptInterface
// 注意:此处在android api17及以上必须声明@JavascriptInterface,并且必须在js所调用的方法前,否则js会调不到
// 此方法,也就是说js调java无反应。关于此处还与硬件的rom版本有关。需具体问题具体分析。
public void startNewActivity() {
Toast.makeText(this, "js调用了java函数", Toast.LENGTH_SHORT).show();
runOnUiThread(new Runnable() {
@Override
public void run() {
// 在此处进行要实现的操作,本demmo演示调用其他程序功能
Intent intent = new Intent(Intent.ACTION_MAIN);
intent.addCategory(Intent.CATEGORY_LAUNCHER);
ComponentName cn = new ComponentName("包名", "类名");
intent.setComponent(cn);
startActivity(intent);
}
});
}
}
布局文件xml:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@android:color/transparent" > <WebView android:id="@+id/webView" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/btn" android:layout_width="30dp" android:layout_height="30dp" android:layout_below="@+id/webView" android:text="android按钮" /> </RelativeLayout>
本地的html文件:
此文件要放在assets文件夹下。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript">
function javacalljs(){
document.getElementById("content").innerHTML +=
"<br\>java调用了js函数";
}
</script>
</head>
<body>
<Button οnclick="window.demo.startNewActivity()">点我进行js调用java方法</Button>
<div id="content">内容显示</div>
</body>
</html>