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  WebView mWebView;  
  3.     private  Handler mHandler =  new  Handler();  
  4.   
  5.     public   void  onCreate(Bundle icicle) {  
  6.         super .onCreate(icicle);  
  7.         setContentView(R.layout.webviewdemo);  
  8.         mWebView = (WebView) findViewById(R.id.webview);  
  9.         WebSettings webSettings = mWebView.getSettings();  
  10.         webSettings.setJavaScriptEnabled(true );  
  11.         mWebView.addJavascriptInterface(new  Object() {  
  12.             public   void  clickOnAndroid() {  
  13.                 mHandler.post(new  Runnable() {  
  14.                     public   void  run() {  
  15.                         mWebView.loadUrl("javascript:wave()" );  
  16.                     }  
  17.                 });  
  18.             }  
  19.         }, "demo" );  
  20.         mWebView.loadUrl("file:///android_asset/demo.html" );  
  21.     }  
  22. }  

这里的重点是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.                 function wave() {  
  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.                                 Click me!  
  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,java,android,schema,object,File)