Android中webView与javascript交互

主要是通过addJavaScipteInterface(Object obj,String Interfacename) 方法将一个java对象绑定到一个javaScipte对象中,javaScripte对象名就是interfaceName

package com.king.android.net;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;

import com.king.android.R;

/**

 * 描述：webview与js互用
 * 作者：Andy.Liu
 * 时间： 2012-7-26  上午08:24:06
 * */
public  class WebAndJsActivity  extends Activity {
     private WebView mWebView =  null;
     private PersonalData mPersonalData;         // 保存数据
    
    @Override
     protected  void onCreate(Bundle savedInstanceState) {
        
         super.onCreate(savedInstanceState);
        
        setContentView(R.layout.webview_layout);
        mPersonalData =  new PersonalData();
        mWebView = (WebView) findViewById(R.id.wv_view);
        mWebView.getSettings().setJavaScriptEnabled( true);
         // 把本类的一个实例添加到javascript全局对象window中，这样就可以使用windowPersonData来调用它的方法
        mWebView.addJavascriptInterface( this, "PersonalData");
         // 加载网页
        mWebView.loadUrl("file://android_asset/PersonalData.html");
    }
    
     public PersonalData getPersonalData(){
         return mPersonalData;
    }

     // js脚本中调用显示的资料
     class PersonalData
    {
        String  mID;
        String  mName;
        String  mAge;
        String  mBlog;    
         public PersonalData()
        {
             this.mID="123456789";
             this.mName="Android";
             this.mAge="100";
             this.mBlog="http://xxx.javaeye.com";
        }
         public String getID()
        {
             return mID;
        }
         public String getName()
        {
             return mName;
        }
         public String getAge()
        {
             return mAge;
        }
         public String getBlog()
        {
             return mBlog;
        }
    }

}

js脚本：window.onload= function(){

     var personaldata = window.PersonalData.getPersonalData();
     if(personaldata)
    {
         var Personaldata = document.getElementById("Personaldata");
    pnode = document.createElement("p");
        tnode = document.createTextNode("ID:" + personaldata.getID());
        pnode.appendChild(tnode);
        Personaldata.appendChild(pnode);
    pnode = document.createElement("p");
        tnode = document.createTextNode("Name:" + personaldata.getName());
        pnode.appendChild(tnode);
        Personaldata.appendChild(pnode);
    pnode = document.createElement("p");
        tnode = document.createTextNode("Age:" + personaldata.getAge());
        pnode.appendChild(tnode);
        Personaldata.appendChild(pnode);
    pnode = document.createElement("p");
        tnode = document.createTextNode("Blog:" + personaldata.getBlog());
        pnode.appendChild(tnode);
        Personaldata.appendChild(pnode);
    }    

} 

 

  当然java代码中也可以直接调用js方法，这样就可以互相调用取得数据。

webView.loadUrl("javascpite:方法名（）");