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;
@Override
protected 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.secondFunction
JavaClass 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() {
@Override
public 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>
