Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android技術基礎 >> 第100章、WebView應用之Javascript調用Android（從零開始學Android）

第100章、WebView應用之Javascript調用Android（從零開始學Android）

編輯：Android技術基礎

在某些Android應用中，使用Javascript調用Android中的方法也是會用到的。

（1）用WebView來顯示HTML代碼；
（2）允許WebView執行JavaScript
                 webView.getSettings().setJavaScriptEnabled(true);

（3）獲取到HTML文件，也可從網絡中獲取
                   webView.loadUrl("file:///android_asset/index.html");   （注意：index.html文件要存放在assets文件夾中）

（4）添加一個對象, 讓JS可以訪問該對象的方法, 該對象中也可以調用JS中的方法.
                 webView.addJavascriptInterface(new Calculate(), "cal");

一、設計界面

1、布局文件
新建res/layout/activity_main.xml文件。
輸入以下代碼：

[html] view plain copy  
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
  3. android:orientation="vertical"   
  4. android:layout_width="match_parent"   
  5. android:layout_height="match_parent" >   
  6.     <WebView   
  7.         android:id="@+id/webview"   
  8.         android:layout_width="match_parent"   
  9.         android:layout_height="match_parent" />  
  10.   
  11. </LinearLayout>   

二、程序文件

1、打開“src/com.genwoxue.webviewjsandroid/MainActivity.java”文件。
然後輸入以下代碼：

[java] view plain copy  
  1. package com.genwoxue.webviewjsandroid;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.webkit.WebView;  
  6.   
  7. public class MainActivity extends Activity {  
  8.     private WebView webView;  
  9.   
  10.     public void onCreate(Bundle savedInstanceState) {  
  11.         super.onCreate(savedInstanceState);  
  12.         setContentView(R.layout.activity_main);  
  13.         //實例化WebView  
  14.         webView = (WebView) findViewById(R.id.webview);  
  15.         //允許JavaScript執行  
  16.         webView.getSettings().setJavaScriptEnabled(true);  
  17.         //加載HTML文件：注意存放到至assets文件夾，你也可以放到互聯網。  
  18.         webView.loadUrl("file:///android_asset/index.html");  
  19.         //添加一個對象, 讓JS可以訪問該對象的方法, 該對象中可以調用JS中的方法  
  20.         webView.addJavascriptInterface(new Calculate(), "cal");  
  21.     }  
  22.   
  23.     private final class Calculate {  
  24.         public int power() {  
  25.             return 9*9;  
  26.         }  
  27.   
  28.     }  
  29. }  

2、新建assets/index.html文件。

使用記事本輸入以下代碼：

[html] view plain copy  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2.   
  3. <html>  
  4.   
  5.   <head>  
  6.       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  7.    
  8.       <title>Calculate</title>  
  9.         
  10.   </head>  
  11.   
  12.   <script language="JavaScript">  
  13.      function show(){  
  14.         document.getElementById("message").innerText=window.cal.power();  
  15.      }  
  16.   </script>   
  17.   
  18.   <body onLoad="show()">  
  19.    
  20.      <span id="message"></span>  
  21.   
  22.   </body>  
  23.   
  24.   
  25. </html>  

注意存放位置。

三、配置文件

采用“AndroidManifest.xml”默認生成文件。

四、運行結果

\

  1. 上一頁:
  2. 下一頁:
Android技術基礎
Android編程入門Android技術基礎Android資訊關於Android編程Android開發Android開發環境Android開發實例
相關文章
熱門文章
7.5.1 WebView(網頁視圖)基本用法 2.4.6 BaseAdapter優化 2.5.1 ListView Item多布局的實現 2.3.5.RadioButton(單選按鈕)&Checkbox(復選框) 1.1 背景相關與系統架構分析 第106章、二維碼（從零開始學Android）
第49章、可伸縮列表ExpandableListView（從零開始學Android）

如果希望展示的列表可以收縮和展開，就像QQ好友列表一樣，我們可以使用Ex
2.4.1 ScrollView(滾動條)

本節引言： 本節帶來的是Android基本UI控件中的第十個：Scr
7.1.3 Android HTTP請求方式:HttpURLConnection

本節引言：前面兩節我們學習的都是一些概念性的東西，
第87章、系統服務之WIFI_SERVICE（從零開始學Android）

WIFI就是一種無線聯網技術，常見的是使用無線路由器。那麼在這個無線路由
閱讀排行版
Copyright © Android教程網 All Rights Reserved