webview相关的知识

工作中用到了 webview  下面把 webview 相关的知识进行一下总结 ：
首先要在manifest.main文件中创建一个webview，然后再activity中定义这个webview然后进行一下相关操作。
1、添加权限：AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web pagenot available错误。
2、在要Activity中生成一个WebView组件：WebView webView = newWebView(this);
3、设置WebView基本信息：
          如果访问的页面中有Javascript，则webview必须设置支持Javascript。
         webview.getSettings().setJavaScriptEnabled(true);  
          触摸焦点起作用
          requestFocus();
          取消滚动条
         this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
4如果希望点击链接由自己处理，而不是新开Android的系统browser中响应该链接。给WebView添加一个事件监听对象（WebViewClient)并重写其中的一些方法 shouldOverrideUrlLoading：对网页中超链接按钮的响应。 当按下某个连接时WebViewClient会调用这个方法，并传递参数：按下的url 
                onLoadResource   
                onPageStart  
                onPageFinish  
                onReceiveError
                onReceivedHttpAuthRequest

5 、如果访问的页面中有 Javascript ，则 webview 必须设置支持 Javascript  ，否则显示空白页面。

Java 代码

      webview .getSettings().setJavaScriptEnabled( true );  
6 、如果页面中链接，如果希望点击链接继续在当前 browser 中响应，而不是新开 Android 的系统 browser 中响应该链接，必须覆盖 webview 的 WebViewClient 对象：

Java 代码

1.    mWebView.setWebViewClient( new  WebViewClient(){   

2.        public  boolean shouldOverrideUrlLoading(WebView view, String url) {   

3.           view.loadUrl(url);   

4.             return   true ;   

5.        }   

6.    });  

上述方法告诉系统由我这个 WebViewClient 处理这个 Intent, 我来加载 URL 。点击一个链接的 Intent 是向上冒泡的， shouldOverrideUrlLoading 方法 return true 表示我加载后这个 Intent 就消费了，不再向上冒泡了。

7 、如果不做任何处理，在显示你的 Brower UI 时，点击系统 “Back” 键，整个 Browser 会作为一个整体 “Back" 到其他 Activity 中，而不是希望的在 Browser 的历史页面中  Back 。如果希望实现在历史页面中 Back ，需要在当前 Activity 中处理并消费掉该 Back 事件：

Java 代码

1.    public  boolean onKeyDown( int keyCode, KeyEvent event) {   

2.        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {   

3.           mWebView.goBack();   

4.             return   true ;   

5.        }   

6.        return  super.onKeyDown(keyCode, event);   

7.    }  

对于 Android 2.0 开始又多出了一种新的方法，对于 Activity  可以单独获取 Back 键的按下事件，直接重写                  onBackPressed  方法即可，代码如下

Java 代码

@Override
1 、 public   void  onBackPressed() {
2 、      //  这里处理逻辑代码，该方法仅适用于 2.0 或更高版本的 sdk
3 、      return  ;
4 、 }

这里还有几个知识点：

1)为了让WebView从apk文件中加载 assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的 assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的 Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。

Webview 的两种显示网页的方法：
（1）：webview.loadUrl(“ www.baidu.com ”);
public   class  WebviewTest  extends Activity {
     /** Called whenthe activity is first created. */

           private  WebView  mWebView ;
             private  Button  bt1 ;
             public   void  onCreate(Bundle savedInstanceState) {
                 super .onCreate(savedInstanceState);
                setContentView(R.layout. main );
                 mWebView  =(WebView)findViewById(R.id. webview );
                WebSettings webSettings =  mWebView .getSettings();
                webSettings.setJavaScriptEnabled( true );

                 bt1  = (Button)findViewById(R.id. Button01 );

                 bt1 .setOnClickListener( new  View.OnClickListener() {


                                      public   void onClick(View arg0) {
                                                //  TODO  Auto-generated method stub
                                               webview.loadUrl(“ www.baidu.com ”);
                                     }
                            });
            }
         }

(2):自定义网页：Webview.data();

public   class  WebviewTest  extends Activity {
     /** Called whenthe activity is first created. */

           private  WebView  mWebView ;
             private  Button  bt1 ;
             public   void  onCreate(Bundle savedInstanceState) {
                 super .onCreate(savedInstanceState);
                setContentView(R.layout. main );
                 mWebView  =(WebView)findViewById(R.id. webview );
                 WebSettings webSettings =  mWebView .getSettings();
                webSettings.setJavaScriptEnabled( true );

                 bt1  = (Button)findViewById(R.id. Button01 );

                 bt1 .setOnClickListener( new  View.OnClickListener() {


                                      public   void onClick(View arg0) {
                                                //  TODO  Auto-generated method stub
                                               Stringstr =  "asdas" ;
                                                  mWebView .loadData(
                                                                 "<html><body>" +str+ "</body></html>" , 
                                                                 "text/html" ,  "utf-8" );
                                     }
                            });
            }
         }

Webview 的常用方法实例：

Manifest.xml中的代码：
加入权限：
< uses-permission   android:name = "android.permission.INTERNET"   />    
布局文件中的代码：
<? xml   version = "1.0" encoding = "utf-8" ?>
< LinearLayout   xmlns:android = "http://schemas.android.com/apk/res/android"
          android:orientation = "vertical" android:layout_width = "fill_parent"
          android:layout_height = "fill_parent" >
         < WebView   android:id = "@+id/WebView01"   android:layout_width = "fill_parent"
                    android:layout_height = "fill_parent" ></ WebView >
</LinearLayout>

TestWebviewDemo中的代码：
public   class  TestWebviewDemo  extends  Activity {
          /** Calledwhen the activity is first created. */
          private static   final String  TAG  =  "TestWebviewDemo" ;
          private WebView  mWebView ;
          private Handler  mHandler  =  new  Handler();
          private int   mDensity ;
          public void  onCreate(BundlesavedInstanceState) {
                    super .onCreate(savedInstanceState);
                   setContentView(R.layout. main );

                    mWebView = (WebView) findViewById(R.id. WebView01 );
                    mWebView .getSettings().setAllowFileAccess( true ); //  设置允许访问文件数据
                    mWebView .getSettings().setBuiltInZoomControls( true ); //  设置支持缩放
                    mWebView .getSettings().setSavePassword( false );  //  设置是否保存密码
                    // 设置支持 JavaScript 脚本
mWebView .getSettings().setJavaScriptEnabled( true );
//  设置支持各种不同的设备
                    mWebView
                                     .getSettings()
                                     .setUserAgentString(
                                                         "Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X;en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334bSafari/531.21.10" );
         // 通过这个设置来执行加载 webview 网页时所要执行的一些方法
                    mWebView .setWebViewClient( new  WebViewClient() {
         //  新开页面时用自己定义的 webview 来显示，不用系统自带的浏览器来显示
                             public   boolean shouldOverrideUrlLoading(WebView view, String url) {
                                      //  TODO  Auto-generated method stub
                //  当有新连接时使用当前的 webview 进行显示
                                     view.loadUrl(url);
                                      return   super .shouldOverrideUrlLoading(view,url);
                            }
             //  开始加载网页时要做的工作
                             public   void onPageStarted(WebView view, String url, Bitmap favicon) {

                                      super .onPageStarted(view, url, favicon);
                            }
// 加载完成时要做的工作
                             public   void onPageFinished(WebView view, String url) {

                                      super .onPageFinished(view, url);
                            }
             //  加载错误时要做的工作
                             public   void onReceivedError(WebView view,  int errorCode,
                                               Stringdescription, String failingUrl) {
                                     Log. d ( TAG ,  "error=" + description);
                                     Toast. makeText (TestWebviewDemo. this ,
                                                        errorCode+  "/"  + description, Toast. LENGTH_LONG )
                                                        .show();
                            }
                   });
                    // 处理网页中的一些对话框信息（提示对话框，带选择的对话框，带输入的对话框）
                    mWebView .setWebChromeClient( new  WebChromeClient() {
             //  对话框
                             public   boolean onJsAlert(WebView view, String url, String message,
                                                final  JsResult result) {
                                      //  构建一个 Builder 来显示网页中的 alert 对话框
                                     Builderbuilder =  new Builder(TestWebviewDemo. this );
                                     builder.setTitle( " 提示对话框 " );
                                     builder.setMessage(message);
                                     builder.setPositiveButton(android.R.string. ok ,
                                                         new  AlertDialog.OnClickListener() {
                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.confirm();
                                                                 }
                                                        });
                                     builder.setCancelable( false );
                                     builder.create();
                                     builder.show();
                                      return   true ;
                            }
             //  带按钮的对话框
                             public   boolean onJsConfirm(WebView view, String url,
                                               Stringmessage,  final  JsResult result) {
                                     Builderbuilder =  new Builder(TestWebviewDemo. this );
                                     builder.setTitle( " 带选择的对话框 " );
                                     builder.setMessage(message);
                                     builder.setPositiveButton(android.R.string. ok ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.confirm();
                                                                 }

                                                        });
                                     builder.setNeutralButton(android.R.string. cancel ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.cancel();
                                                                 }

                                                        });
                                     builder.setCancelable( false );
                                     builder.create();
                                     builder.show();
                                      return   true ;
                            }
             //  带输入框的对话框
                             public   boolean onJsPrompt(WebView view, String url, String message,
                                               StringdefaultValue,  final  JsPromptResultresult) {
                                     LayoutInflaterinflater = LayoutInflater
                                                        . from (TestWebviewDemo. this );
                                      final  View v = inflater.inflate(R.layout. prom_dialog ,  null );
                                      //  设置  TextView 对应网页中的提示信息
                                     ((TextView)v.findViewById(R.id. TextView_PROM ))
                                                        .setText(message);
                                      //  设置 EditText 对应网页中的输入框
                                     ((EditText)v.findViewById(R.id. EditText_PROM ))
                                                        .setText(defaultValue);
                                     Builderbuilder =  new Builder(TestWebviewDemo. this );
                                     builder.setTitle( " 带输入的对话框 " );
                                     builder.setView(v);
                                     builder.setPositiveButton(android.R.string. ok ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                          Stringvalue = ((EditText) v
                                                                                             .findViewById(R.id. EditText_PROM ))
                                                                                             .getText().toString();
                                                                           result.confirm(value);
                                                                 }
                                                        });
                                     builder.setNegativeButton(android.R.string. cancel ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.cancel();
                                                                 }
                                                        });
                                     builder
                                                        .setOnCancelListener( new  DialogInterface.OnCancelListener() {

                                                                  @Override
                                                                  public   void onCancel(DialogInterface dialog) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.cancel();
                                                                 }

                                                        });
                                     builder.create();
                                     builder.show();
                                      return   true ;

                            }

                             //  设置网页加载的进度条
                             public   void onProgressChanged(WebView view,  int newProgress) {
                                     TestWebviewDemo. this .getWindow().setFeatureInt(
                                                        Window. FEATURE_PROGRESS , newProgress * 100);
                                      super .onProgressChanged(view, newProgress);
                            }

                             //  设置应用程序的标题
                             public   void onReceivedTitle(WebView view, String title) {
                                     TestWebviewDemo. this .setTitle(title);
                                      super .onReceivedTitle(view, title);
                            }

                   });
        //  与网页进行交互的 addJavascriptInterface()的方法
                    mWebView .addJavascriptInterface( new  Object() {
                             public   void clickOnAndroid(final String str) {
                                      mHandler .post( new Runnable() {
                                                @Override
                                                public   void run() {
                                                //  逻辑代码
               });
                            }
                   },  "demo" );

                    if ( mDensity  == 240) {  // 可以让不同的 density 的情况下，可以让页面进行适配
                             mWebView .getSettings().setDefaultZoom(ZoomDensity. FAR );
                   }  else if  ( mDensity == 160) {
                             mWebView .getSettings().setDefaultZoom(ZoomDensity. MEDIUM );
                   }  else {
                             mWebView .getSettings().setDefaultZoom(ZoomDensity. CLOSE );
                   }
                   String strUrl =  "http://10.0.2.2:8080/WebTest3" ;
                    mWebView .loadUrl(strUrl);
         }
     // 处理返回的事件，（后退进入前一个界面而不是全部退出）
          @Override
          public boolean  onKeyDown( int  keyCode, KeyEvent event) {
                    if (keyCode == KeyEvent. KEYCODE_BACK &&  mWebView .canGoBack()) {
                             mWebView .goBack(); //  返回前一个页面
                             return   true ;
                   }
                    return super .onKeyDown(keyCode, event);
         }




Webview 中 java 与网页进行数据交互：
先看我们的html文档：
<html>  
   <script language="javascript">  
       /* This function is invoked by the activity */   
       function wave() {   
           alert("1");   
           document.getElementById("droid").src="android_waving.png";   
           alert("2");   
       }   
   </script>  
   <body>  
       <!-- Calls into the javascript interface for the activity -->  
       //js 调用 Java 方法
       <a><divstyle="width:80px;   
           margin:0px auto;   
           padding:10px;   
           text-align:center;   
           border:2px solid #202020;" > 
                <img id="droid"src="android_normal.png"/><br>  
                Click me!   
       </div></a>  
   </body>  
</html>  

Manifest.Xml中：
加入权限：
< uses-permission   android:name = "android.permission.INTERNET"   />    

再看我们的java 代码。
Java代码 
public class WebViewDemo extends Activity{   

   private static final String LOG_TAG = "WebViewDemo";   

   private WebView mWebView;   

   private Handler mHandler = new Handler();   

   @Override  
   public void onCreate(Bundle icicle) {  
       super.onCreate(icicle);   
       setContentView(R.layout.main);   
       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());   
         // 自定义的 Demo ，供 js 网页调用
       mWebView.addJavascriptInterface(new DemoJavaScriptInterface(),"demo");   

       mWebView.loadUrl("file:///android_asset/demo.html");   
  }
final class DemoJavaScriptInterface {   

       DemoJavaScriptInterface() {   
       }   

        /** 
        * This is not called on the UI thread. Post a runnable to invoke  
        * loadUrl on the UI thread.  
        */  
       public void clickOnAndroid() {   
           // 用 handler 来更新 UI
           mHandler.post(new Runnable() {   
                public void run() {   
                     //Java 调用 js 方法
                   mWebView.loadUrl("javascript:wave()");   
                }   
           });   
       }   
   }   
   /**  
    * Provides a hook for calling "alert" from javascript. Usefulfor  
    * debugging your javascript.  
    */  
   final class MyWebChromeClient extends WebChromeClient {   
       @Override  
       public boolean onJsAlert(WebView view, String url, String message,JsResult result) {   
           Log.d(LOG_TAG, message);   
           result.confirm();   
           return true;   
       }   

   }   
}  


再看个例子：
Html中的代码：
< script  type = "text/JavaScript" >       
function s() {   
alert( "Good Morning!" );       
}   
function d() {   
confirm( "Are you ok?" )   
}   
function f() {   
prompt( "What’s yourname?" )   
}   
</ script >   
   </ head >

   < body >
    < body >    
  下面我们演示三种对话框   
   < br />< br />    
   < input type = "button"  value = " 警告，提醒对话框 "  onclick = "s()" >   
   < br />< br />    
   < input type = "button"  value = " 带选择的对话框 "  onclick = "d()" >   
   < br />< br />    
   < input type = "button"  value = " 要求用户输入的对话框 "  onclick = "f()" >   
   </ body >    

Manifest.Xml中：
加入权限：
< uses-permission   android:name = "android.permission.INTERNET"   />    

Java中的代码：
public   class  Test  extends Activity {   
     /** Called whenthe activity is first created. */  
     private EditText  et  =  null ;   
     private Button  btn  =  null ;   
     private WebView  wv  =  null ;   
     private WebSettings  ws  =  null ;   
     @Override   
     public void  onCreate(BundlesavedInstanceState) {   
         super .onCreate(savedInstanceState);   
        setContentView(R.layout. main );  
         et  =(EditText)  this .findViewById(R.id. EditText01 );  
         btn = (Button)  this .findViewById(R.id. Button01 );  
         wv  =(WebView)  this .findViewById(R.id. WebView );  
         ws  = wv .getSettings();   
         ws .setAllowFileAccess( true ); // 设置允许访问文件数据
         ws .setJavaScriptEnabled( true ); // 设置支持 javascript 脚本    
         ws .setBuiltInZoomControls( true ); // 设置支持缩放    
         wv .requestFocus();   
         wv .setWebViewClient( new  WebViewClient(){   
             public boolean shouldOverrideUrlLoading(WebView view,String url){   
                 // 当有新连接时，使用当前的  WebView   
                view.loadUrl(url);   
                 return true ;   
            }  
        });  
         wv .setWebChromeClient( new  WebChromeClient(){   
             public boolean  onJsAlert(WebView view,Stringurl,String message, final  JsResultresult){   
                 // 构建一个 Builder 来显示网页中的 alert 对话框    
                Builder builder =  new  Builder(Test. this );   
                builder.setTitle( " 提示对话框 " );  
               builder.setMessage(message);   
                builder.setPositiveButton(android.R.string. ok ,  new AlertDialog.OnClickListener(){   


                     @Override   
                     public void  onClick(DialogInterface dialog,  int  which) {  
                         //  TODO  Auto-generated method stub   
                        result.confirm();   
                    }   

                });   
                builder.setCancelable( false );  
                builder.create();   
                builder.show();   
                 return true ;   
            }  
             public boolean  onJsConfirm(WebViewview,String url,String message, final JsResult result){   
                Builder builder =  new  Builder(Test. this );   
                builder.setTitle( " 带选择的对话框 " );  
               builder.setMessage(message);   
               builder.setPositiveButton(android.R.string. ok , new AlertDialog.OnClickListener(){   

                     @Override   
                     public void  onClick(DialogInterface dialog,  int  which) {  
                         //  TODO  Auto-generated method stub   
                        result.confirm();   
                    }   

                });   
                builder.setNeutralButton(android.R.string. cancel ,  new AlertDialog.OnClickListener(){   

                     @Override   
                     public void  onClick(DialogInterface dialog,  int  which) {  
                         //  TODO  Auto-generated method stub   
                        result.cancel();   
                    }   

                });   
                builder.setCancelable( false );  
                builder.create();   
                builder.show();   
                 return true ;   
            }  
             public boolean  onJsPrompt(WebViewview,String url,String message,String defaultValue, final JsPromptResult result){   
                LayoutInflater inflater =LayoutInflater. from (Test. this );   
                 final View v = inflater.inflate(R.layout. prom_dialog , null );   
                 // 设置  TextView 对应网页中的提示信息    
                ((TextView)v.findViewById(R.id. TextView_PROM )).setText(message);   
                 // 设置 EditText 对应网页中的输入框    
                ((EditText)v.findViewById(R.id. EditText_PROM )).setText(defaultValue);   
                Builder builder =  new  Builder(Test. this );   
                builder.setTitle( " 带输入的对话框  " );  
                builder.setView(v);   
               builder.setPositiveButton(android.R.string. ok , new AlertDialog.OnClickListener(){   

                     @Override   
                     public void  onClick(DialogInterface dialog,  int  which) {  
                         //  TODO  Auto-generated method stub   
                        String value =((EditText)v.findViewById(R.id. EditText_PROM )).getText().toString();   
                       result.confirm(value);   
                    }   

                });   
               builder.setNegativeButton(android.R.string. cancel , new AlertDialog.OnClickListener(){   

                     @Override   
                     public void  onClick(DialogInterface dialog,  int  which) {  
                         //  TODO  Auto-generated method stub   
                        result.cancel();   
                    }   

                });   
                builder.setOnCancelListener( new  DialogInterface.OnCancelListener(){   

                     @Override   
                     public void  onCancel(DialogInterface dialog){   
                         //  TODO  Auto-generated method stub   
                        result.cancel();   
                    }   

                });   
                builder.create();   
                builder.show();   
                 return true ;   
            }  
             // 设置网页加载的进度条    
             public void  onProgressChanged(WebView view, int  newProgress){   
                Test. this .getWindow().setFeatureInt(Window. FEATURE_PROGRESS , newProgress*100);   
                 super .onProgressChanged(view,newProgress);   
            }  
             // 设置应用程序的标题    
             public void  onReceivedTitle(WebViewview,String title){   
                Test. this .setTitle(title);  
                 super .onReceivedTitle(view,title);   
            }  
        });  
         btn .setOnClickListener( new  Button.OnClickListener(){   

             @Override   
             public void  onClick(View v) {   
                 //  TODO Auto-generated method stub   
                String url = et .getText().toString();   
//                  Stringurl = "http://10.0.2.2:8080/WebTest3";
                 // 判断输入的内容是不是网址    
                 if (URLUtil. isNetworkUrl (url)){  
                         Log. d ( "++++++++++++" , "sadas" );
                     wv .loadUrl(url);  
                    Toast. makeText (Test. this , url, Toast. LENGTH_SHORT ).show();
                } else {   
                     et .setHint( " 输入的网址不合法，请重新输入 " );  
//                  et.setText(" 输入的网址不合法，请重新输入 ");   
                }   
            }  

        });  
    }   
     @Override   
     public boolean  onKeyDown( int  keyCode, KeyEvent event) {   
         if (keyCode==KeyEvent. KEYCODE_BACK  &&  wv .canGoBack()){  
             wv .goBack(); // 返回前一个页面   
             return true ;   
        }  
         return super .onKeyDown(keyCode, event);   
    }   

}  



需要注意的地方，很多数据类型js中不认识，最好是在android那边封装好，提供必要的方法接口。比如传到js中的list，在js中是没办法去得到里面的元素的。

Manifest.Xml中：
加入权限：
< uses-permission   android:name = "android.permission.INTERNET"   />    

html的带码
<script language="javascript">
          window.οnlοad= function(){
                        vari=window.javatojs.getSize();
                        for(varn=0;n<i;n++){
                var jsdata=window.javatojs.getObject(n);//拿到activity里面的属性javadata
           var datalistdiv = document.getElementById("datalist"); //得到页面的div
           pnode = document.createElement("p");//创建一个p标签，再建个textnode
           tnode = document.createTextNode(jsdata);
           pnode.appendChild(tnode);//p中加入数据
           datalistdiv.appendChild(pnode);//div中键入新的p
     }
}
</script> 
<body>
<div id = "datalist">

this is a demo
</body>

Java的代码：
public class JavaToWebview extends Activity{

   private WebView web;
   public List list;
  @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       initData();
       setContentView(R.layout.webview);
       web = (WebView)this.findViewById(R.id.webview);
       web.getSettings().setJavaScriptEnabled(true);//开启javascript设置
       web.addJavascriptInterface(this, "javatojs");//把RIAExample的一个实例添加到js的全局对象window中， //这样就可以使用window.javatojs来调用它的方法
       web.loadUrl("file:///android_asset/demo5.html");//加载网页

    }
   void initData(){
               list=newArrayList<String>();
         for(int i=0;i<5;i++){
               list.add("我是从数据库中读取的哈哈");
         }
    }
   /**
    * 该方法将在js脚本中，通过window.javatojs.....()进行调用
    * @return
    */
   public Object getObject(int index){
                   return list.get(index);
    }
   public int getSize(){
            return list.size();
    }
}

再看一个查地图的例子：
Manifest.Xml中：
加入权限：
< uses-permission   android:name = "android.permission.INTERNET"   />    
布局文件中的代码：
<?xml version="1.0"encoding="utf-8"?>      
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"     
   android:orientation="vertical"     
   android:layout_width="fill_parent"     
   android:layout_height="fill_parent"     
   >      
   <TextView        
       android:layout_width="fill_parent"       
       android:layout_height="wrap_content"       
       android:text="Welcome to Mr Wei's Blog."     
       />      
   <WebView      
       android:id="@+id/webview"    
       android:layout_width="fill_parent"       
       android:layout_height="wrap_content"       
   />      
   <Button      
       android:id="@+id/button"    
       android:layout_width="fill_parent"     
       android:layout_height="wrap_content"     
       android:text="Change the webview content"     
   />      
</LinearLayout>    
在assets目录下新建一个demo.html文件,代码如下：
<html>      
    <scriptlanguage="javascript"><!--     

       function fillContent(){      
           document.getElementById("content").innerHTML =       
                 "This Content is showedby Android invoke Javascript function.";      
       }      

// --></script>        
<body>      
   <p><ahref="">Start GoogleMap</a></p>      
   <p id="content"></p>      
   <p>A Demo ----Android and Javascript invoke eachother.</p>      
   <p>Author:Frankiewei</p>     
</body>      
</html>     

activity代码：
public class WebViewDemo extends Activity{      
   private WebView mWebView;      
   private Button mButton;      
   public void onCreate(Bundle savedInstanceState) {      
       super.onCreate(savedInstanceState);     
       setContentView(R.layout.main);     
       setupViews();      
   }      
   //初始化      
   private void setupViews() {      
       mWebView = (WebView) findViewById(R.id.webview);      
        WebSettings mWebSettings =mWebView.getSettings();      
       //加上这句话才能使用javascript方法      
       mWebSettings.setJavaScriptEnabled(true);      
       //增加接口方法,让html页面调用      
       mWebView.addJavascriptInterface(new Object() {      
           //这里我定义了一个打开地图应用的方法      
           public void startMap() {      
                Intent mIntent = newIntent();      
                ComponentName component = newComponentName(      
                       "com.google.android.apps.maps",      
                       "com.google.android.maps.MapsActivity");      
               mIntent.setComponent(component);     
                startActivity(mIntent);      
           }      
       }, "demo");      
       //加载页面      
       mWebView.loadUrl("file:///android_asset/demo.html");      
       mButton = (Button) findViewById(R.id.button);      
       //给button添加事件响应,执行JavaScript的fillContent()方法      
       mButton.setOnClickListener(new Button.OnClickListener() {      
           public void onClick(View v) {     
               mWebView.loadUrl("javascript:fillContent()");      
           }      
       });      
   }      
}    


其他例子如下：（ activity 中获取 js 界面输入框的值）
Jsp中的代码：
< body >
                    < form  action = ""  method = "post" >
                   宝宝预产期： < br >
                    < select  id = "shijian"  name = "date" >
                        < option value = "2006" > 2006 </ option >
                        < option value = "2007" > 2007 </ option >
                        < option value = "2008" > 2008 </ option >
                        < option value = "2009" > 2009 </ option >
                        < option value = "2010" > 2010 </ option >
                    </ select >< br >
                            常用邮箱号：
                             < input  id = "email"  type = "text"  name = "emailID"  />
                             < br >
                            宝宝昵称：
                             < input  id = "name"  type = "text"  name = "username"  />
                             < br >
                            宝宝性别： < br >
                             < input  id = "men"  type = "radio"  name = "sex"  value = "men" /> 男
                        < input id = "women"  type = "radio"  name = "sex"  value = "women" /> 女
                        < br >
                        < input type = "submit"  value = " 注册 "
                                      onclick = "f()" />
                             < input  type = "button"  value = " 取消 "  />
                    </ form >
          </ body >
          < script  type = "text/JavaScript" language = "javascript" >
              function f() {
                var  email= document.getElementById( 'email' ).value;
                 var  name =document.getElementById( 'name' ).value;
                 var  date =document.getElementById( 'shijian' ).value;
                 if (document.getElementById( 'men' ).checked &&!document.getElementById( 'women' ).checked) {
                var  sex= document.getElementById( 'men' ).value;
                 }elseif (!document.getElementById( 'men' ).checked &&document.getElementById( 'women' ).checked) {
                var  sex= document.getElementById( 'women' ).value;
                 }
                 window.demo.clickOnAndroid(date+ "|" +email+ "|" +name+ "|" +sex);          
          }    
                    </ script >
Manifest.xml中的代码：
<? xml   version = "1.0" encoding = "utf-8" ?>
< manifest   xmlns:android = "http://schemas.android.com/apk/res/android"
          package = "com.ruixin.login" android:versionCode = "1"   android:versionName = "1.0" >
         < application android:icon = "@drawable/icon"   android:label = "@string/app_name" >
                   < activity   android:name = ".TestWebviewDemo"   android:label = "@string/app_name" >
                            < intent-filter >
                                     < action android:name = "android.intent.action.MAIN"  />
                                     < category android:name = "android.intent.category.LAUNCHER" />
                            </ intent-filter >
                            < intent-filter >
                                     < data android:mimeType = "vnd.android.cursor.dir/vnd.ruixin.login" />
                            </ intent-filter >
                            < intent-filter >
                                     < data android:mimeType = "vnd.android.cursor.item/vnd.ruixin.login" />
                            </ intent-filter >

                   </ activity >
                   < provider   android:name = "MyProvider"   android:authorities = "com.ruixin.login"  />
         </ application >
         < uses-sdk   android:minSdkVersion = "8"  />
         < uses-permission android:name = "android.permission.INTERNET"  />
         < uses-permission android:name = "android.permission.READ_CONTACTS" ></ uses-permission >
</ manifest >


布局文件中的代码：
<? xml   version = "1.0" encoding = "utf-8" ?>
< LinearLayout   xmlns:android = "http://schemas.android.com/apk/res/android"
          android:orientation = "vertical" android:layout_width = "fill_parent"
          android:layout_height = "fill_parent" >
         < WebView   android:id = "@+id/WebView01"   android:layout_width = "fill_parent"
                    android:layout_height = "fill_parent" ></ WebView >
</LinearLayout>

TestWebviewDemo中的代码：
public   class  TestWebviewDemo  extends  Activity {
          /** Calledwhen the activity is first created. */
          private static   final String  TAG  =  "TestWebviewDemo" ;
          private WebView  mWebView ;
          private Handler  mHandler  =  new  Handler();
          private int   mDensity ;
          public void  onCreate(BundlesavedInstanceState) {
                    super .onCreate(savedInstanceState);
                   setContentView(R.layout. main );

                    mWebView = (WebView) findViewById(R.id. WebView01 );
                    mWebView .getSettings().setAllowFileAccess( true ); //  设置允许访问文件数据
                    mWebView .getSettings().setBuiltInZoomControls( true ); //  设置支持缩放
                    mWebView .getSettings().setSavePassword( false );  //  设置是否保存密码
                    // 设置支持 JavaScript 脚本
mWebView .getSettings().setJavaScriptEnabled( true );
//  设置支持各种不同的设备
                    mWebView
                                     .getSettings()
                                     .setUserAgentString(
                                                         "Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X;en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334bSafari/531.21.10" );
         // 通过这个设置来执行加载 webview 网页时所要执行的一些方法
                    mWebView .setWebViewClient( new  WebViewClient() {
         //  新开页面时用自己定义的 webview 来显示，不用系统自带的浏览器来显示
                             public   boolean shouldOverrideUrlLoading(WebView view, String url) {
                                      //  TODO  Auto-generated method stub
                //  当有新连接时使用当前的 webview 进行显示
                                     view.loadUrl(url);
                                      return   super .shouldOverrideUrlLoading(view,url);
                            }
             //  开始加载网页时要做的工作
                             public   void onPageStarted(WebView view, String url, Bitmap favicon) {

                                       super .onPageStarted(view,url, favicon);
                            }
// 加载完成时要做的工作
                             public   void onPageFinished(WebView view, String url) {

                                      super .onPageFinished(view, url);
                            }
             //  加载错误时要做的工作
                             public   void onReceivedError(WebView view,  int errorCode,
                                               Stringdescription, String failingUrl) {
                                     Log. d ( TAG ,  "error=" + description);
                                     Toast. makeText (TestWebviewDemo. this ,
                                                        errorCode+  "/"  + description, Toast. LENGTH_LONG )
                                                        .show();
                            }
                   });
                    // 处理网页中的一些对话框信息（提示对话框，带选择的对话框，带输入的对话框）
                    mWebView .setWebChromeClient( new  WebChromeClient() {
             //  对话框
                             public   boolean onJsAlert(WebView view, String url, String message,
                                                final  JsResult result) {
                                      //  构建一个 Builder 来显示网页中的 alert 对话框
                                     Builderbuilder =  new Builder(TestWebviewDemo. this );
                                      builder.setTitle( " 提示对话框 " );
                                     builder.setMessage(message);
                                     builder.setPositiveButton(android.R.string. ok ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.confirm();
                                                                 }
                                                        });
                                     builder.setCancelable( false );
                                     builder.create();
                                     builder.show();
                                      return   true ;
                            }
             //  带按钮的对话框
                             public   boolean onJsConfirm(WebView view, String url,
                                               Stringmessage,  final  JsResult result) {
                                     Builderbuilder =  new Builder(TestWebviewDemo. this );
                                     builder.setTitle( " 带选择的对话框 " );
                                     builder.setMessage(message);
                                     builder.setPositiveButton(android.R.string. ok ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.confirm();
                                                                 }

                                                        });
                                     builder.setNeutralButton(android.R.string. cancel ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.cancel();
                                                                 }

                                                        });
                                     builder.setCancelable( false );
                                     builder.create();
                                     builder.show();
                                      return   true ;
                            }
             //  带输入框的对话框
                             public   boolean onJsPrompt(WebView view, String url, String message,
                                               StringdefaultValue,  final  JsPromptResultresult) {
                                     LayoutInflaterinflater = LayoutInflater
                                                        . from (TestWebviewDemo. this );
                                      final  View v = inflater.inflate(R.layout. prom_dialog ,  null );
                                      //  设置  TextView 对应网页中的提示信息
                                     ((TextView)v.findViewById(R.id. TextView_PROM ))
                                                        .setText(message);
                                      //  设置 EditText 对应网页中的输入框
                                     ((EditText)v.findViewById(R.id. EditText_PROM ))
                                                        .setText(defaultValue);
                                     Builderbuilder =  new Builder(TestWebviewDemo. this );
                                     builder.setTitle( " 带输入的对话框 " );
                                     builder.setView(v);
                                     builder.setPositiveButton(android.R.string. ok ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           Stringvalue = ((EditText) v
                                                                                             .findViewById(R.id. EditText_PROM ))
                                                                                             .getText().toString();
                                                                           result.confirm(value);
                                                                 }
                                                        });
                                     builder.setNegativeButton(android.R.string. cancel ,
                                                         new  AlertDialog.OnClickListener() {

                                                                  @Override
                                                                  public   void onClick(DialogInterface dialog,
                                                                                     int  which) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.cancel();
                                                                 }
                                                        });
                                     builder
                                                        .setOnCancelListener( new  DialogInterface.OnCancelListener() {

                                                                  @Override
                                                                  public   void onCancel(DialogInterface dialog) {
                                                                            //  TODO  Auto-generated method stub
                                                                           result.cancel();
                                                                 }

                                                        });
                                     builder.create();
                                     builder.show();
                                      return   true ;

                            }

                             //  设置网页加载的进度条
                             public   void onProgressChanged(WebView view,  int newProgress) {
                                     TestWebviewDemo. this .getWindow().setFeatureInt(
                                                        Window. FEATURE_PROGRESS , newProgress * 100);
                                      super .onProgressChanged(view, newProgress);
                            }

                             //  设置应用程序的标题
                             public   void onReceivedTitle(WebView view, String title) {
                                     TestWebviewDemo. this .setTitle(title);
                                      super .onReceivedTitle(view, title);
                            }

                   });
        //  与网页进行交互的 addJavascriptInterface()的方法
                    mWebView .addJavascriptInterface( new  Object() {
                             public   void clickOnAndroid(final String str) {
                                      mHandler .post( new Runnable() {
                                                @Override
                                                public   void run() {
                                               StringTokenizerstringTokenizer =  new StringTokenizer(
                                                                           str, "|" );
                                                         date  = stringTokenizer.nextToken();
                                                         email  = stringTokenizer.nextToken();
                                                         username  = stringTokenizer.nextToken();
                                                         sex  = stringTokenizer.nextToken();
                           // 将数据出入数据库
dBlite1 .add( email , username , date , sex );
//  用 contentResolver 访问存入到 contentprovider 中的数据
contentResolver  = TestWebviewDemo. this
                                                                           .getContentResolver();
                                                        Log. d ( "++++" , RuiXin. CONTENT_URI .toString());

                                                        Cursorcursor =  contentResolver .query(
                                                                           RuiXin. CONTENT_URI ,  new String[] {
                                                                                             RuiXin. EMAIL , RuiXin. USERNAME ,
                                                                                             RuiXin. DATE ,RuiXin. SEX },  null ,  null , null );
                                                        Log. d ( "@@@----" , cursor.toString());
                                                         // startManagingCursor(cursor);
                                                         while  (cursor.moveToNext()) {
                                                                 Toast. makeText (
                                                                                    TestWebviewDemo. this ,
                                                                                    cursor.getString(cursor.getColumnIndex(RuiXin. EMAIL ))
                                                                                                       + " "
                                                                                                       +cursor.getString(cursor
                                                                                                                         .getColumnIndex(RuiXin. USERNAME ))
                                                                                                       + " "
                                                                                                       +cursor.getString(cursor
                                                                                                                         .getColumnIndex(RuiXin. DATE ))
                                                                                                 +  " "
                                                                                                 + cursor.getString(cursor
                                                                                                                    .getColumnIndex(RuiXin. SEX )),
                                                                                    Toast. LENGTH_SHORT ).show();
                                                        }
                                                        startManagingCursor(cursor);    // 关闭游标
          }
               });
                            }
                   },  "demo" );

                    if ( mDensity  == 240) {  // 可以让不同的 density 的情况下，可以让页面进行适配
                             mWebView .getSettings().setDefaultZoom(ZoomDensity. FAR );
                   }  else if  ( mDensity == 160) {
                             mWebView .getSettings().setDefaultZoom(ZoomDensity. MEDIUM );
                   }  else {
                             mWebView .getSettings().setDefaultZoom(ZoomDensity. CLOSE );
                   }
                   String strUrl =  "http://10.0.2.2:8080/WebTest3" ;
                    mWebView .loadUrl(strUrl);
         }
     // 处理返回的事件，（后退进入前一个界面而不是全部退出）
          @Override
          public boolean  onKeyDown( int  keyCode, KeyEvent event) {
                    if (keyCode == KeyEvent. KEYCODE_BACK &&  mWebView .canGoBack()) {
                             mWebView .goBack(); //  返回前一个页面
                             return   true ;
                   }
                    return super .onKeyDown(keyCode, event);
         }