Android与Javascript交互示例(二)
16lz
2021-01-26
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>
更多相关文章
- android 使用sharedPreferences保存用户设置的参数
- Android(安卓)SQLite数据库学习笔记
- Android打造一个通用的BaseAdapter
- Android4.4电源管理——电源锁
- Android:UI更新方法三:Handler+Worker Thread
- 五分钟学会之AsyncTask
- Android倒计时的几种方式
- Service详解一
- 地图测试