以下是一个WebView与JavaScript互调的例子
先看app.js 与index.html的代码
index.html:
<<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script >
function jss() {
alert("调用js")
}
</script>
<script src="app.js"></script>
</head>
<body>
<div>
<a href="#" class="btn" id="btn">调Android</a>
</div>
</body>
</html>
有一个内容为“调Android”的按钮。还有一个供Java调用的jss()方法。
app.js:
window.onload=function() {
var tobBtn=document.getElementById("btn");
tobBtn.onclick=function() {
alert("hello")
//此处调用Android中的callJs()方法
Android.callJs();
}
// function jss() {
// alert("调用js")
// }
// jss();
}
js按钮的点击事件是调用Java中的callJs()方法.
java 调js的代码片段为:
Handler handler=new Handler();
handler.post(new Runnable() {
@Override
public void run() {
//调用js中的jss()方法
wv.loadUrl("javascript:jss()");
}
});
js调Java的方法:
//js调用Android方法
wv.getSettings().setJavaScriptEnabled(true);
wv.addJavascriptInterface(new WebHost(this), "Android");
import android.content.Context;
import android.webkit.JavascriptInterface;
import android.widget.Toast;
public class WebHost {
private Context context;
public WebHost(Context context){
this.context=context;
}
@JavascriptInterface
public void callJs(){
Toast.makeText(context, "call from js", Toast.LENGTH_SHORT).show();
}
}
源码如下
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.DownloadListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.TextView;
@SuppressLint("JavascriptInterface") public class MainActivity extends Activity implements OnClickListener {
private WebView wv;
private Button btn_back,btn_refrash;
private TextView tv_title;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
btn_back=(Button) findViewById(R.id.btn_back);
btn_refrash=(Button) findViewById(R.id.btn_refresh);
btn_back.setOnClickListener(this);
btn_refrash.setOnClickListener(this);
tv_title=(TextView) findViewById(R.id.tv_title);
wv=(WebView) findViewById(R.id.wv);
wv.loadUrl("file:///android_asset/index.html");
//js调用Android方法
wv.getSettings().setJavaScriptEnabled(true);
wv.addJavascriptInterface(new WebHost(this), "Android");
wv.setWebChromeClient(new WebChromeClient(){
@Override//在顶部加载title
public void onReceivedTitle(WebView view, String title) {
// TODO Auto-generated method stub
tv_title.setText(title);
super.onReceivedTitle(view, title);
}
});
wv.setWebViewClient(new WebViewClient(){
@Override//调用本地webview加载URL
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
@Override
public void onPageFinished(WebView view, String url) {
// TODO Auto-generated method stub
super.onPageFinished(view, url);
}
//网页出错的时候加载本地的HTML;
// @Override
// public void onReceivedError(WebView view, int errorCode,
// String description, String failingUrl) {
// // TODO Auto-generated method stub
// super.onReceivedError(view, errorCode, description, failingUrl);
//
// wv.loadUrl("file:///android_asset/error.html");
// }
});
wv.setDownloadListener(new MyDownload());
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_back:
Handler handler=new Handler();
handler.post(new Runnable() {
@Override
public void run() {
//调用js中的jss()方法
wv.loadUrl("javascript:jss()");
}
});
break;
//刷新
case R.id.btn_refresh:
wv.reload();
break;
}
}
//使用webview下载网页文件
class MyDownload implements DownloadListener{
@Override
public void onDownloadStart(String url, String userAgent,
String contentDisposition, String mimetype, long contentLength) {
//调用自己写的下载方法下载
//new HttpThrend(url).start();
//调用系统下载
Uri uri=Uri.parse(url);
Intent intent=new Intent(Intent.ACTION_VIEW,uri);
startActivity(intent);
}
}
}