Webview 与JS 交互

现在的Android 项目 中经常使用Html5 与Webview 来显示数据 ，其中会涉及到Webview与js交互.

1.启用javascript:

mWebView.getSettings().setJavaScriptEnabled(true);

2. 添加接口,实现JS调用java方法:

public void addJavascriptInterface (Object object, String name)

Object是JS调用本地的类的对象，name是对象的别名，在JS可以用这个别名+点语法+方法名就可以调用本地的方法。例如 :

mWebView.addJavascriptInterface(this, "jsDemo");

//在activity中添加一个方法供js调用

public void clickOnAndroid() {

Toast.makeText(getApplicationContext(),"js调用android的方法clickOnAndroid",0).show();

}

js代码:

<a onClick="window.jsDemo.clickOnAndroid()">

3.java 调用js, 实现更新img图片

注册点击事件:

public void callJS(View v){

mHandler.post(new Runnable() {

public void run() {

Toast.makeText(getApplicationContext(),"callJS",0).show();

mWebView.loadUrl("javascript:callJSFromAndroid()");

}

});

}

js代码:

<script language="javascript" charset="utf-8">

function callJSFromAndroid() {

document.getElementById("droid").src="app_small_icon.png";//更换图片

}

</script>

4. 捕获JS的alert:

mWebView.setWebChromeClient(new MyWebChromeClient());

final class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Log.d(LOG_TAG, message);
result.confirm();

builder.setTitle("onJsAlert").setMessage(message)
.setPositiveButton("OK", null).show();

return true;
}
}

5.获取js的返回值

仔细观察会发现WebView的loadUrl方法是没有返回值的，那要是想要获取JS方法的返回值就该怎么做呢？

在loadUrl调用JS的一个方法，然后JS执行方法的时候，再调用Android本地的一个方法，并把返回值作为参数传递下来
6.html页面跳转的处理

WebView默认用系统自带浏览器处理页面跳转。 为了让页面跳转在当前WebView中进行，重写WebViewClient。

但是按BACK键时，不会返回跳转前的页面，而是退出本Activity。重写onKeyDown()方法来解决此问题。

mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);//使用当前WebView处理跳转
return true;//true表示此事件在此处被处理，不需要再广播
}
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
//有页面跳转时被回调
}
@Override
public void onPageFinished(WebView view, String url) {
//页面跳转结束后被回调
}
@Override
public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
Toast.makeText(WebViewDemo.this, "Oh no! " + description, Toast.LENGTH_SHORT).show();
}
});