Android中调用js方法及js中调用本地方法

最新推荐文章于 2024-05-15 07:03:34 发布

Harold_

最新推荐文章于 2024-05-15 07:03:34 发布

阅读量8.2k

点赞数 2

分类专栏： Android 文章标签： android webkit webview javascript

本文链接：https://blog.csdn.net/princelxz/article/details/27666979

版权

Android 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Android中内置了WebKit模块，而该模块的Java层视图类就是WebView，所有需要使用Web浏览器功能的Android都需要创建该视图类对象显示和处理请求的网络资源。目前WebKit支持Http、Https、Ftp和JavaScript请求。下面我们重点看一下如何在Android中调用JavaScript方法以及如何在js中调用本地方法。

1、在Assets下放一个简单的html文件jstest.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html40/strict.dtd">
<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
   function showMsg(){
      alert("hello world!");
   }
   function showMsgInAndroid(){
      myjs.showMsg('hello in android!');
   }
</script>
</HEAD>
<BODY>
<span>测试js使用</span>

<button id='btntest' οnclick='showMsgInAndroid()'>调用android方法</button>
</BODY>
</HTML>

2、布局文件main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
	android:id="@+id/rl_main"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	xmlns:android="http://schemas.android.com/apk/res/android"
    >
   <WebView 
       android:id="@+id/wv_test"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:layout_above="@+id/btn_showmsg"/>
   <Button 
       android:id="@+id/btn_showmsg"
       android:layout_width="200dip"
       android:layout_height="40dip"
       android:layout_alignParentBottom="true"
       android:layout_centerHorizontal="true"
       android:text="调用html中js方法"/>
</RelativeLayout>

3、然后是Activity，MainActivity.java

package com.harold.jstest;

import com.harold.base.JSKit;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.Button;

public class MainActivity extends Activity {
	
	private WebView mWebView;
	private Button btnShowInfo;
	private JSKit js;
	private Handler mHandler = new Handler();

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		//初始化控件
		mWebView = (WebView) findViewById(R.id.wv_test);
		btnShowInfo = (Button) findViewById(R.id.btn_showmsg);
		//实例化js对象
		js = new JSKit(this);
		//设置参数
		mWebView.getSettings().setBuiltInZoomControls(true);
		//内容的渲染需要webviewChromClient去实现，设置webviewChromClient基类，解决js中alert不弹出的问题和其他内容渲染问题
		mWebView.setWebChromeClient(new WebChromeClient());
		mWebView.getSettings().setJavaScriptEnabled(true);
		//把js绑定到全局的myjs上，myjs的作用域是全局的，初始化后可随处使用
		mWebView.addJavascriptInterface(js, "myjs");
		
		mWebView.loadUrl("file:///android_asset/jstest.html");
		
		btnShowInfo.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				mHandler.post(new Runnable() {
					@Override
					public void run() {
						//调用 HTML 中的javaScript 函数
						mWebView.loadUrl("javascript:showMsg()");
					}
				});
			}
		});
	}

}

4、最后是绑定全局js的类 JSKit.java

package com.harold.base;

import android.widget.Toast;

import com.harold.jstest.MainActivity;

public class JSKit {
	private MainActivity ma;
	
	public JSKit(MainActivity context) {
		this.ma = context;
	}
	
	public void showMsg(String msg) {
		Toast.makeText(ma, msg, Toast.LENGTH_SHORT).show();
	}
}

例子比较简单，代码里都加了注释，这里就不多说了，本示例用的本地的html，如果访问网络中的网页，别忘记在AndroidManifest.xml中加权限

<uses-permission android:name="android.permission.INTERNET"/>

源码在下面：

------> 源码下载<------

Harold_

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
Android中调用js方法及js中调用本地方法

Android中内置了WebKit模块，而该模块的Java层视图类就是WebVie
复制链接

扫一扫

专栏目录

Android中调用js方法及js中调用本地方法

“相关推荐”对你有帮助么？