Android与Javascript交互示例(二)

来源：互联网发布：seo关键字排名查询编辑：程序博客网时间：2024/04/28 21:54

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>