- <!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");
- }
- }