Posted on 2011-08-25 15:36
oathleo 閱讀(1000)
評論(0) 編輯 收藏 所屬分類:
Android
WebView對Javascript的支持也很強，google一個
Java和Javascript互調的例子 整個Eclipse ADT工程例子中都有，這里重點分析一下代碼：
Java代碼
- public class WebViewDemo extends Activity {
- private WebView mWebView;
- private Handler mHandler = new Handler();
-
- public void onCreate(Bundle icicle) {
- super.onCreate(icicle);
- setContentView(R.layout.webviewdemo);
- mWebView = (WebView) findViewById(R.id.webview);
- WebSettings webSettings = mWebView.getSettings();
- webSettings.setJavaScriptEnabled(true);
- mWebView.addJavascriptInterface(new Object() {
- public void clickOnAndroid() {
- mHandler.post(new Runnable() {
- public void run() {
- mWebView.loadUrl("javascript:wave()");
- }
- });
- }
- }, "demo");
- mWebView.loadUrl("file:///android_asset/demo.html");
- }
- }
這 里的重點是addJavascriptInterface(Object obj,String interfaceName)方法，該方法將一個java對象綁定到一個javascript對象中，javascript對象名就是 interfaceName，作用域是Global。這樣初始化webview后，在webview加載的頁面中就可以直接通過 javascript:window.demo訪問到綁定的java對象了。來看看在html中是怎樣調用的：
Html代碼
- <html>
- <script language="javascript">
- function wave() {
- document.getElementById("droid").src="android_waving.png";
- }
- </script>
- <body>
- <a onClick="window.demo.clickOnAndroid()">
- <img id="droid" src="android_normal.png"/><br>
- Click me!
- </a>
- </body>
- </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的目的。