標籤：js javascrip android與js互動
一、JS代碼如下
demo2.xml
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <title>veikr的部落格 </title> <meta name="generator" content="WordPress 3.5.1" /> <meta name="wap-version" content="1.10 (2008.8.3)" /> <link rel="alternate" type="application/rss+xml" title="veikr的部落格 RSS Feed" href="http://veikr.com/feed" /> <link rel="pingback" href="http://veikr.com/xmlrpc.php" /> <link rel="shortcut icon" href="http://veikr.com/wp-content/themes/twentyten/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="wap.css" type="text/css" media="all" /> </head><body><input type="button" id="testbtn" value="我是按鈕1"
<pre name="code" class="html"><span style="white-space:pre"></span>onClick="window.demo.clickButton()"<span style="font-family: Arial, Helvetica, sans-serif;"></span>onClick="test2()"/><input onClick="test()" type="button" id="testbtn2" value="我是按鈕2"/></body><script language="javascript">function test(){ alert("點擊了按鈕2"); }function test2(){ alert("點擊了按鈕1"); }function wave() { alert("點擊了andorid中的按鈕");}</script> </html> 上面的按鈕1設定了2個點擊事件的方法，1個是android中的方法，1個是JS中的方法，但是點擊事件只會響應一次。
這裡將android中的方法放在前面。在瀏覽器開啟這個html檔案，點擊按鈕1，響應事件從前往後尋找，放在前面的是andoid中的方法，瀏覽器中自然找不到，所以不會響應；繼續向後尋找，第二個點擊事件是JS中的方法，可以執行，所以予以響應。在app中運行，找到的第一個方法就是可執行檔方法，所以予以響應，後面的點擊事件方法雖然可以執行，但是由於點擊事件已經響應了，所以不再執行。
二、實現功能
1.點擊andorid中的按鈕響應JS中的方法
2.點擊JS中按鈕響應Android中的方法
main.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <Button android:id="@+id/mCallJS" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="CallJs" /> <WebView android:id="@+id/webview" android:layout_width="fill_parent" android:layout_height="fill_parent" /></LinearLayout>
package com.example.mutal;import android.app.Activity;import android.app.AlertDialog;import android.content.DialogInterface;import android.os.Bundle;import android.os.Handler;import android.util.Log;import android.view.View;import android.view.View.OnClickListener;import android.webkit.JsResult;import android.webkit.WebChromeClient;import android.webkit.WebSettings;import android.webkit.WebView;import android.widget.Button;import android.widget.Toast;public class MethodMutual2 extends Activity {private WebView mWebView;private static final String LOG_TAG = "WebViewDemo";/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);loadAssetHtml();}public void loadAssetHtml() {mWebView = (WebView) findViewById(R.id.webview);WebSettings webSettings = mWebView.getSettings();webSettings.setSavePassword(false);webSettings.setSaveFormData(false);webSettings.setJavaScriptEnabled(true);webSettings.setSupportZoom(false);mWebView.setWebChromeClient(new MyWebChromeClient());// 將一個java對象綁定到一個javascript對象中,javascript對象名就是interfaceName,範圍是Global.mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");mWebView.loadUrl("file:///android_asset/demo2.html");// 通過應用中按鈕點擊觸發JS函數響應Button mCallJS = (Button) findViewById(R.id.mCallJS);mCallJS.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {mWebView.loadUrl("javascript:wave()");}});}private int i = 0;final class DemoJavaScriptInterface {DemoJavaScriptInterface() {}/** * This is not called on the UI thread. Post a runnable to invoke * loadUrl on the UI thread. */public void clickButton() {new AlertDialog.Builder(MethodMutual2.this).setMessage("你點擊的是按鈕2").create().show();}}/** * Provides a hook for calling "alert" from javascript. Useful for debugging * your javascript. */final class MyWebChromeClient extends WebChromeClient {@Overridepublic boolean onJsAlert(WebView view, String url, String message, JsResult result) {// 自己攔截對話方塊處理// Toast.makeText(getApplicationContext(), message, 0).show();// result.confirm();// return true;// 使用js對話方塊return super.onJsAlert(view, url, message, result);}}}分析：
點擊android按鈕--響應JS中的wave()方法
點擊按鈕1--android app中響應clickButton()方法；瀏覽器中響應JS中的test2()方法
點擊按鈕2-響應JS中的test()方法
Android與JavaScrip進行互動（一）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
