您的位置：首页 > Web前端 > JQuery

android学习笔记之JQuery整合--js调用java

2010-10-25 14:16 459 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="../jquery/jquery.mobile-1.0a1.min.css" mce_href="jquery/jquery.mobile-1.0a1.min.css" />
<mce:script src="../jquery/jquery.mobile-1.0a1.min.js" mce_src="jquery/jquery.mobile-1.0a1.min.js" type="text/javascript"></mce:script>
<mce:script language="javascript"><!--
 
function wave() { 
document.getElementById("droid").src="jqt_startup.png"; 
} 
// --></mce:script>
</head>
<body> 
<a onClick="window.demo.clickOnAndroid()"> 
<img id="droid" src="jqtouch.png" mce_src="jqtouch.png" /><br>
Click me! 
</a>
<a href="page1.html" mce_href="page1.html">page1</a>
</body>
</html>

其中：<a onClick="window.demo.clickOnAndroid()"> 就是调用java代码中的clickOnAndroid()的方法

package com.geolo.android;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
public class MainActivity extends Activity {
	private Handler mHandler = new Handler();   
	private WebView mWebView;
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		mWebView = (WebView)findViewById(R.id.webView01);
		mWebView.getSettings().setJavaScriptEnabled(true);
		mWebView.setWebChromeClient(new WebChromeClient());
		mWebView.addJavascriptInterface(new Object() {   
			public void clickOnAndroid() {   
				mHandler.post(new Runnable() {   
					public void run() {   
						mWebView.loadUrl("javascript:wave()");   
					}   
				});   
			}   
		}, "demo");  
		
		mWebView.loadUrl("file:///android_asset/sample/index.html");
	}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航