Android加载网页JavaScript与Java之间的相互调用

最近项目中涉及到Android中的网络通信与交互、html5等相关内容，由于之前没仔细研究过，在这里总结一下，下面是JavaScript与Java相互调用的一个小例子，废话不多说，直接上代码：

<html>
<meta http-equiv="Content-Type" content="text/html;charset=GBK"><head>
<script type="text/javascript">function ok() {window.player.playOk();}function wrong() {window.player.playWrong();}function show_alert() {alert("这是一个警告！")}function show_confirm() {var v = confirm("确定你是个好人？")if (v == true) {alert("你选择了是！");} else {alert("你选择了否！");}}function disp_prompt() {var name = prompt("请输入您的名字", "Jerome")if (name != null && name != "") {document.getElementById("content").innerHTML = "你好！" + name;}}function java_call() {document.getElementById("content").innerHTML = "Java代码调用你了";}
</script>
</head>
<body><input type="button" οnclick="ok()" value="OK" /><br /><input type="button" οnclick="wrong()" value="Warning"><br /><input type="button" οnclick="show_alert()" value="警告"><br /><input type="button" οnclick="show_confirm()" value="删除"><br /><input type="button" οnclick="disp_prompt()" value="显示提示框" /><br /><p id="content"></p>
</body>
</html>

这是html的代码，不接触web前段，js都不怎么会写了，简单的函数凑合用了，嘿嘿。

package com.example.jsjava;import java.io.IOException;import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.content.res.AssetFileDescriptor;
import android.content.res.AssetManager;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.os.Handler;
import android.webkit.JsPromptResult;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.EditText;/*** * ClassName:MainActivity* * @author Jerome Song* @version* @since Ver 1.1* @Date 2013 2013-5-17 下午11:33:05* * @see*/
public class MainActivity extends Activity {private WebView webview = null;private MediaPlayer player;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);player = new MediaPlayer();initWebView();}private void initWebView() {webview = (WebView) super.findViewById(R.id.webview);webview.getSettings().setJavaScriptEnabled(true); // 启用JavaScriptwebview.getSettings().setBuiltInZoomControls(true); // 控制页面缩放webview.addJavascriptInterface(new PlayerMethod(), "player");// 添加Js函数调用接口webview.setWebChromeClient(new WebChromeClient() {@Override// 弹出警告框操作public boolean onJsAlert(WebView view, String url, String message,final JsResult result) {Dialog dialog = new AlertDialog.Builder(MainActivity.this).setMessage(message).setPositiveButton(android.R.string.ok,new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog,int which) {result.cancel();// 这里我们通过Webview.loadUrl()方法去调用js中的函数webview.loadUrl("javascript:java_call()");}}).create();dialog.setCancelable(false);// 避免点Back取消，那样js接收不到任何返回信息dialog.show();return true;}//@Override// 弹出确认框操作public boolean onJsConfirm(WebView view, String url,String message, final JsResult result) {Dialog dialog = new AlertDialog.Builder(MainActivity.this).setIcon(android.R.drawable.stat_sys_warning).setMessage(message).setPositiveButton("是",new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog,int which) {result.confirm();}}).setNegativeButton("否",new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog,int which) {result.cancel();}}).create();dialog.setCancelable(false);dialog.show();return true;}// 提示@Overridepublic boolean onJsPrompt(WebView view, String url, String message,String defaultValue, final JsPromptResult result) {final EditText text = new EditText(MainActivity.this);text.setHint(defaultValue);Dialog dialog = new AlertDialog.Builder(MainActivity.this).setTitle(message).setView(text).setPositiveButton("确定", new OnClickListener() {@Overridepublic void onClick(DialogInterface dialog,int which) {result.confirm(text.getText().toString());}}).setNegativeButton("取消", new OnClickListener() {@Overridepublic void onClick(DialogInterface dialog,int which) {result.cancel();}}).create();dialog.setCancelable(false);dialog.show();return true;}});webview.loadUrl("file:///android_asset/html/play_js.html");}class PlayerMethod {Handler handler = new Handler() {public void handleMessage(android.os.Message msg) {try {if (msg.what == 1) {play("ok.mp3");} else {play("wrong.mp3");}} catch (IOException e) {e.printStackTrace();}};};AssetManager asm = getResources().getAssets();public void playOk() throws IllegalArgumentException,IllegalStateException, IOException {handler.sendEmptyMessage(1);}public void playWrong() throws IOException {handler.sendEmptyMessage(0);}private void play(String fileName) throws IOException {if (player.isPlaying()) {player.stop();}player.reset();AssetFileDescriptor afd = asm.openFd(fileName);player.setDataSource(afd.getFileDescriptor(), afd.getStartOffset(),afd.getLength());player.prepare();player.start();}}}

有不对的地方希望大家能给予批评指正，多多交流，谢谢。

源码地址：http://download.csdn.net/detail/songzhiyong1121/5400403

Android加载网页JavaScript与Java之间的相互调用相关推荐

android加载网页pdf,android 一行代码搞定加载网络 pdf 文件
之前写过一篇Android打开本地pdf文件的文章,最后总结的时候说,后面一定要拓展库,让其也能打开网络的的pdf文件.今天终于可以兑现承诺了.frok一份代码github.com/JoanZapat ...
android加载webview网页,android 加载网页Html文本--WebView
[实例简介]解决了乱码问题 [实例截图] [核心代码] package com.cd.webview_html; import android.app.Activity; import android ...
Python与Java之间的相互调用——Jython
概述: Jython 是一种可以把两种不同的编程语言结合在一起的工具.首先,它使Python 程序员介入到Java 开发环境并让他们能快速开发方案原型,以便无缝地集成到现有的Java 平台上.其次,它 ...
Android Native APP开发笔记：使用WebView控件加载网页
文章目录目的基础使用处理网页导航加载本地网页 Web和Native之间交互调试Web应用处理页面重绘总结目的 WebView是一个比较常用的控件,功能上也比较单一,就是用来加载网页的, ...
android动态设置错误页面,Android中替换WebView加载网页失败时的页面
我们用webView去请求一个网页链接的时候,如果请求网页失败或无网络的情况下,它会返回给我们这样一个页面,如下图所示: 上面这个页面就是系统自带的页面,你觉得是不是很丑?反正小编本人觉得非常丑,很难 ...
android webview加载网页，文字listview和image混合listview的实现
android和ios内置浏览器支持html5,还支持CSS3和js 下面的一个小例子,我来实现android加载html页面.还有两个列表,回顾一下listview的功能.文章内容较浅,没有特别高的 ...
Android中使用x5内核加载网页的实现
前言联系方式背景 SDK下载 SDK集成使用代码实现前言由于是使用的腾讯浏览服务,所以这里大部分介绍的是官网的一些东西,不过自己会做一些复杂使用部分的实现,不至于像官网上介绍的笼统. 联系 ...
Android使用WebView加载网页
在AndroidManifest.xml设置访问网络权限: <span style="font-size:24px;"><span style="fon ...
android WebView加载网页白屏问题优化处理
android WebView加载网页白屏问题优化处理问题描述: 使用webview加载Web界面时,会出现界面白屏的情况.http下通常问题不大,通常https白屏的可能性很大,而且通常没有任何报 ...

Android加载网页JavaScript与Java之间的相互调用

Android加载网页JavaScript与Java之间的相互调用相关推荐

最新文章

热门文章