android webView与js交互

阅读更多

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：

 

 

  本地的html文件：

  此文件要放在assets文件夹下。

点我进行js调用java方法
内容显示