webview与js的交互

【实例截图】

【核心代码】

package com.androd.webviewjiaohu;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * 参考了http://www.sollyu.com/android-software-development-webview-
 * addjavascriptinterface-cycle-of-gradual-one/
 *
 */
public class MainActivity extends Activity {
	private WebView mWebView;
	private TextView mButtonTextView;

	@SuppressLint("JavascriptInterface")
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mWebView = (WebView) findViewById(R.id.webview);
		mButtonTextView = (TextView) findViewById(R.id.tv_button);
		WebSettings webSettings = mWebView.getSettings();
		webSettings.setJavaScriptEnabled(true);
		webSettings.setSavePassword(false);
		webSettings.setSaveFormData(false);
		webSettings.setSupportZoom(false);

		mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");
		mWebView.loadUrl("file:///android_asset/test.html");

		mButtonTextView.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				mWebView.loadUrl("javascript:wave()");
				Toast.makeText(MainActivity.this, "Android调用了js中的方法", 0).show();
			}
		});
	}

	final class DemoJavaScriptInterface {
		DemoJavaScriptInterface() {
		}

		@JavascriptInterface
		public void clickOnAndroid() {
			Toast.makeText(MainActivity.this, "js调用了android中的方法", 0).show();
		}
	}

}