Android與Javascript互動樣本(二)

最後更新：2018-12-07 來源：互聯網

上載者：User

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

MainActivity如下:

package cn.testjavascript;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.webkit.WebView;import android.widget.Button;import android.app.Activity;/** * Demo描述: * JavaScript與Android中的方法 * 的相互調用 *  * 參考資料: * http://blog.csdn.net/wangtingshuai/article/details/8631835 */public class MainActivity extends Activity {   private WebView mWebView;   private Button mButton;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);init();}private void init(){//以下為Javascript調用Java--------------------------mWebView=(WebView) findViewById(R.id.webView);initWebViewSettings();//載入本地Html檔案mWebView.loadUrl("file:///android_asset/test.html");//注意://addJavascriptInterface方法中第二參數//它表示我們的java對象javaClass的別名.這樣js就可以通過該別名來調用Android中的方法//即js代碼中的://window.testjs.firstFunction//window.testjs.secondFunctionJavaClass javaClass=new JavaClass(MainActivity.this);mWebView.addJavascriptInterface(javaClass, "testjs");//以下為Java調用Javascript--------------------------//注意://在調用帶參數的Javascript方法時//參數的寫法,如此處的//mWebView.loadUrl("javascript:javacalljswithargs("+"'stringArg'"+")");//不加單引號是錯誤的mButton=(Button) findViewById(R.id.button);mButton.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {                //調用Javascript中的無參方法mWebView.loadUrl("javascript:javacalljs()"); //調用Javascript中帶參數的方法mWebView.loadUrl("javascript:javacalljswithargs("+"'stringArg'"+")");}});}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);}}

JavaClass如下:

package cn.testjavascript;import android.content.Context;import android.widget.Toast;public class JavaClass {private Context mContext;public JavaClass(Context context) {this.mContext=context;}public void firstFunction() {Toast.makeText(mContext, "Javascipt調用Java中的方法,未攜帶參數", Toast.LENGTH_SHORT).show();}public void secondFunction(String string) {Toast.makeText(mContext, "Javascipt調用Java中的方法,攜帶參數為:"+string, Toast.LENGTH_SHORT).show();}}

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="370dip"        android:layout_centerHorizontal="true"     />    <Button         android:id="@+id/button"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="點擊後Java調用Javascript"        android:layout_alignParentBottom="true"      /></RelativeLayout>

test.html如下:

<html><head><meta http-equiv="Content-Type"content="text/html;charset=gb2312"><script type="text/javascript">function javacalljs(){ document.getElementById("content").innerHTML +=            "<br\>java調用了javascript函數,未帶參數";}function javacalljswithargs(arg){ document.getElementById("content").innerHTML +=            ("<br\>java調用了javascript函數,參數為:"+arg);}</script></head><body>測試Android與Javascript的互動<br/><br><a onClick="window.testjs.firstFunction()">點擊後Javascript調用java代碼</a><br/><br><a onClick="window.testjs.secondFunction('arg')" >點擊後Javascript調用java代碼並攜帶參數</a><br/><br><div id="content">以下為java調用Javascript時的提示資訊:</div></body></html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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