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

最新推荐文章于 2021-05-26 20:20:28 发布

原创最新推荐文章于 2021-05-26 20:20:28 发布 · 5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #android #stylesheet #javascript #html

android 专栏收录该内容

81 篇文章

订阅专栏

本文介绍了一个HTML页面与Android应用交互的例子。通过在HTML中设置JavaScript函数，并在Android端使用WebView加载该页面，实现点击HTML元素触发Android端方法的功能。此示例展示了如何在移动端Web视图中调用本地代码。

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