Java和Javascript互调的例子 ---------(Android WebView 中)

下文转自:

http://www.javaeye.com/topic/376674

源代码来自:

http://code.google.com/p/apps-for-android/source/browse/#svn/trunk/Samples/WebViewDemo%3Fstate%3Dclosed

-----------------------------------------------------------------------------------------

分析一下代码:

Java代码
  1. public class WebViewDemo extends Activity{
  2. private WebViewmWebView;
  3. private HandlermHandler= new Handler();
  4. public void onCreate(Bundleicicle){
  5. super .onCreate(icicle);
  6. setContentView(R.layout.webviewdemo);
  7. mWebView=(WebView)findViewById(R.id.webview);
  8. WebSettingswebSettings=mWebView.getSettings();
  9. webSettings.setJavaScriptEnabled(true );
  10. mWebView.addJavascriptInterface(new Object(){
  11. public void clickOnAndroid(){
  12. mHandler.post(new Runnable(){
  13. public void run(){
  14. mWebView.loadUrl("javascript:wave()" );
  15. }
  16. });
  17. }
  18. },"demo" );
  19. mWebView.loadUrl("file:///android_asset/demo.html" );
  20. }
  21. }

这里的重点是addJavascriptInterface(Object obj,String interfaceName)方法,该方法将一个java对象绑定到一个javascript对象中,javascript对象名就是 interfaceName,作用域是Global。这样初始化webview后,在webview加载的页面中就可以直接通过 javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的:

Html代码
  1. < html >
  2. < script language = "javascript" >
  3. functionwave(){
  4. document.getElementById("droid").src = "android_waving.png" ;
  5. }
  6. </ script >
  7. < body >
  8. < a onClick = "window.demo.clickOnAndroid()" >
  9. < img id = "droid" src = "android_normal.png" /> < br >
  10. Clickme!
  11. </ a >
  12. </ body >
  13. </ html >

这样在javascript中就可以调用java对象的clickOnAndroid()方法了,wave()方法是java中调用javascript的例子。

这里还有几个知识点:

1)为了让WebView从apk文件中加载assets,Android SDK提供了一个schema,前缀为"file:///android_asset/"。WebView遇到这样的schema,就去当前包中的 assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中,不能运行在构造他的线程中,这也是使用Handler的目的。

你可能感兴趣的:(JavaScript)