WebView简介（JavaScripte篇）

package com.teleca.robin;

import android.app.Activity;

import android.os.Bundle;

import android.os.Handler;

import android.util.Log;

import android.webkit.WebSettings;

import android.webkit.WebView;

public class WebViewDemoActivity extends Activity {

/** Called when the activity is first created. */

final static String tag&＃61;"robin";

WebView mWebView;

Handler mHandler&＃61;new Handler();

&＃64;Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.webviewdemo);       

        mWebView &＃61; (WebView) findViewById(R.id.webView);       

        WebSettings webSettings &＃61; mWebView.getSettings();       

        webSettings.setJavascriptEnabled(true);       

        mWebView.addJavascriptInterface(new Object() {       

            public void clickOnAndroid() {       

                mHandler.post(new Runnable() {       

                    public void run() {       

                        mWebView.loadUrl("Javascript:wave()");    

                        Log.i(tag,"clickOnAndroid");

                    }       

                });       

            }       

        }, "demo");       

        mWebView.loadUrl("file:///android_asset/demo.html");   

}

}

assets\demo.html文件

demo.clickOnAndroid()">       

我 们看addJavascriptInterface(Object obj,String interfaceName)这个方法&＃xff0c;该方法将一个java对象绑定到一个Javascript对象中&＃xff0c;Javascript对象名就是 “demo”&＃xff0c;作用域是Global。这样初始化webview后&＃xff0c;在webview加载的页面中就可以直接通过 Javascript:window.demo访问到绑定的java对象了。

   这样在Javascript中就可以调用java对象的clickOnAndroid()方法了&＃xff0c;同样我们可以在此对象中定义很多方法&＃xff08;比 如发短信&＃xff0c;调用联系人列表等手机系统功能。&＃xff09;,这里wave()方法是java中调用Javascript的例子。

这里还有几个知识点&＃xff1a; 
1) 为了让WebView从apk文件中加载assets&＃xff0c;Android SDK提供了一个schema&＃xff0c;前缀为"file:///android_asset/"。WebView遇到这样的schema&＃xff0c;就去当前包中的 assets目录中找内容。如上面的"file:///android_asset/demo.html" 
2)addJavascriptInterface方法中要绑定的Java对象及方法不要直接在里面运行&＃xff0c;这里是使用 Handler来进行的。

原文&＃xff1a;http://www.cnblogs.com/oakpip/archive/2011/04/10/2011165.html

程序英文原址&＃xff1a;http://code.google.com/p/apps-for-android/source/browse/trunk/Samples/WebViewDemo/ 

我对其进行了修改&＃xff0c;并加了简单的注释&＃xff0c;这个例子的不仅是对js的操作&＃xff0c;它还对android浏览器做了简单的介绍&＃xff0c; 
这些我会在注释中一一讲解。 
Javascript弹出框有如下三种&＃xff1a; 
Javascript代码如下:   

alert(); 或alert("alert");

window.confirm("Are you srue?");  

window.prompt("Please input some word";,"this is text");  

WebChromeClient 中对三种dialog进行了捕捉&＃xff0c;但不幸的是&＃xff0c;并没有回调函数可以使用&＃xff0c; 或者说不能获得用户是点击“OK”还是“CANCEL”的操作结果。 
个人以为&＃xff0c;这些方法的设置是为了对一些涉及到html操作的应用程序进行测试时使用的。 
在WebChromeClient中还有以下的方法: 
Java代码  
    onProgressChanged(WebView view, int newProgress)&＃xff1b;  
    onReceivedIcon(WebView view, Bitmap icon)&＃xff1b;  
    onReceivedTitle(WebView view, String title)&＃xff1b;  
    onRequestFocus(WebView view)&＃xff1b;  
    onCloseWindow(WebView window)&＃xff1b;  
    onProgressChanged(WebView view, int newProgress)  
这些方法的使用我会在以后的博文中讲到. 
请大家先看今天讲解的重点 
WebViewDemo2Activity.java文件 

package com.teleca.robin;

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.webkit.JsPromptResult;

import android.webkit.JsResult;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.widget.TextView;

public class WebViewDemo2Activity extends Activity {

/** Called when the activity is first created. */

final static String tag&＃61;"robin";

WebView mWebView;

Handler mHandler&＃61;new Handler();

TextView mReusultText;

&＃64;Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.webviewdemo2);

mReusultText &＃61; (TextView) findViewById(R.id.textView);  

        mWebView &＃61; (WebView) findViewById(R.id.webView);       

        WebSettings webSettings &＃61; mWebView.getSettings();

        mWebView.setWebChromeClient(new MyWebChromeClient());  

        webSettings.setJavascriptEnabled(true);      

        mWebView.loadUrl("file:///android_asset/demo2.html");   

}

  /** 

     * 继承WebChromeClient类 

     * 对js弹出框时间进行处理 

     *  

     */  

    final class MyWebChromeClient extends WebChromeClient {  

        /** 

         * 处理alert弹出框 

         */  

        &＃64;Override  

        public boolean onJsAlert(WebView view,String url, String message,JsResult result) {  

            Log.d(tag,"onJsAlert:"&＃43;message);  

            mReusultText.setText("Alert:"&＃43;message);  

            //对alert的简单封装  

            new AlertDialog.Builder(WebViewDemo2Activity.this).  

                setTitle("Alert").setMessage(message).setPositiveButton("OK",  

                new DialogInterface.OnClickListener() {  

                    &＃64;Override  

                    public void onClick(DialogInterface arg0, int arg1) {  

                       //TODO  

                   }  

            }).create().show();  

            result.confirm();  

            return true;  

        }  

        /** 

         * 处理confirm弹出框 

         */  

        &＃64;Override  

        public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {  

            Log.d(tag, "onJsConfirm:"&＃43;message);  

            mReusultText.setText("Confirm:"&＃43;message);  

            result.confirm();  

            return super.onJsConfirm(view, url, message, result);  

        }  

        /** 

         * 处理prompt弹出框 

         */  

        &＃64;Override  

        public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {  

            Log.d(tag,"onJsPrompt:"&＃43;message);  

            mReusultText.setText("Prompt input is :"&＃43;message);  

            result.confirm();  

            return super.onJsPrompt(view, url, message, message, result);  

        }  

    }  

}