歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

Android webview讀取html和js

WebView對Javascript的支持也很強,google一個Java和Javascript互調的例子  
整個Eclipse ADT工程例子中都有,這裡重點分析一下代碼:

  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中是怎樣調用的:

  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的目的。

Copyright © Linux教程網 All Rights Reserved