首頁 > 開發者 > JavaScript

Android與Javascript互動樣本(一)

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

MainActivity如下:

package cn.testjavascript;import android.os.Bundle;import android.webkit.WebChromeClient;import android.webkit.WebView;import android.app.Activity;/** * Demo描述: * JavaScript調用Android中的方法 * 即點擊Html中按鈕,調用Android中的方法 *  * 參考資料: * http://blog.csdn.net/r8hzgemq/article/details/8480390 */public class MainActivity extends Activity {   private WebView mWebView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);init();}private void init(){mWebView=(WebView) findViewById(R.id.webView);initWebViewSettings();//載入本地Html檔案mWebView.loadUrl("file:///android_asset/error.html");//實現Android與Javascript的互動//注意addJavascriptInterface方法中第二參數//它表示我們的java對象javaClass的別名.這樣js就可以通過該別名來調用Android中的方法//即js代碼中的://window.js_invoke.goNetSetting();//window.js_invoke.reload();JavaClass javaClass=new JavaClass(MainActivity.this,mWebView, "http://www.ifeng.com/");mWebView.addJavascriptInterface(javaClass, "js_invoke");}private void initWebViewSettings(){mWebView.setVerticalScrollBarEnabled(false);mWebView.setHorizontalScrollBarEnabled(false);mWebView.getSettings().setJavaScriptEnabled(true);mWebView.getSettings().setSupportZoom(true);mWebView.getSettings().setDomStorageEnabled(true);mWebView.getSettings().setPluginsEnabled(true);mWebView.requestFocus();mWebView.getSettings().setUseWideViewPort(true);mWebView.getSettings().setLoadWithOverviewMode(true);mWebView.getSettings().setSupportZoom(true);mWebView.getSettings().setBuiltInZoomControls(true);}private class TestJSWebChromeClient extends WebChromeClient{@Overridepublic void onProgressChanged(WebView view, int newProgress) {super.onProgressChanged(view, newProgress);System.out.println("載入中  newProgress="+newProgress);}}}

 

JavaClass如下:

package cn.testjavascript;import android.app.Activity;import android.content.Context;import android.content.Intent;import android.webkit.WebView;public class JavaClass {private Context context;private String url;private WebView webView;public JavaClass(Context context, WebView webView,String url) {this.context = context;this.webView = webView;this.url = url;}public void goNetSetting() {((Activity) this.context).startActivityForResult(new Intent("android.settings.WIRELESS_SETTINGS"), 0);}public void reload() {this.webView.loadUrl(this.url);}}

 

main.xml如下:

<RelativeLayout     xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    >    <WebView        android:id="@+id/webView"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:layout_centerInParent="true"     /></RelativeLayout>

error.html如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><link href="css/style_Ning.css" rel="stylesheet" type="text/css" /><style type="text/css">body{background:#0F2030;}#page{border:1px solid #223442; background:#223442;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;margin-top:20px;color:#fff;}</style><script type="text/javascript">window.onload=function(){    var btn_net=document.getElementById("btn_net");    btn_net.onclick=function(){       window.js_invoke.goNetSetting();    }    var btn_err=document.getElementById("btn_err");    btn_err.onclick=function(){       window.js_invoke.reload();    }};</script></head><body><div id="page"><div class="section">    <p class="bg_err">網路出錯</p>    </div>    <div class="section">    <ul>        <p>可能的原因有：</p>        <li>無手機訊號或訊號太弱</li>        <li>當前存取點已失效或到期</li>        <li>為正確開通手機上網服務</li>        </ul>    </div>    <div class="section">    <p style="text-align: center;"><a  id="btn_err" class="btn_err" href="#"></a><a id="btn_net" class="btn_net" href="#"></a></p>    </div></div></body></html>

 

 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More