android WebView（四）与html交互_html/css_WEB-ITnose-html教程-PHP中文网

android WebView（四）与html交互_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:46:34

原创

1481人浏览过

WebView如何与html相互交互
很多时候WebView需要和html进行交互，要么需要通过Java代码控制页面活动，要么就是通过js触发Java代码，WebView提供了中机制。

首先来看一下我们需要交互的html代码吧：

<!DOCTYPE html><html>  <head>    <title>MyHtml.html</title>  </head>    <body>         <br>    <br>大家晚上好    <br>    <br>大家晚上好    <br>    <br>大家晚上好    <br>  <input type="button" value="测试" onclick="javascript:window.handler.show(document.body.innerHTML);"  />  </body></html>

登录后复制

简单的html代码，三行文字，一个按钮。document.body.innerHTML就是获取html中body节点中的内容。
然后我们把它加载进来，并开启js：

	webView.loadUrl("file:///android_asset/MyHtml.html");	webView.getSettings().setJavaScriptEnabled(true);			webView.setWebViewClient(new WebViewClient() {		@Override		public void onPageFinished(WebView view, String url) {			Toast.makeText(WebViewActivity.this, "网页加载完成", 0).show();			view.loadUrl("javascript:window.handler.show(document.body.innerHTML);");			super.onPageFinished(view, url);		}	});

登录后复制

在上面的html中按钮的点击事件使用了一个借口：window.handler。要想使用这个借口我们需要先定义一下：

	class Handler {		public void show(String data) {			new AlertDialog.Builder(WebViewActivity.this).setMessage(data).create().show();		}	}

登录后复制

函数public void show(String data)就是这个借口提供的，上面的html和Java代码都有调用过。但是WebView怎么才能知道有这
么一个借口可以调用呢？答案如下：

webView.addJavascriptInterface(new Handler(), "handler");

登录后复制

这句话就是用来绑定接口的。

运行结果如下：

四维时代AI开放平台

查看详情

立即学习“前端免费学习笔记（深入）”；

大家都在看：

如何在Emacs中配置HTML多窗口编辑的详细步骤如何编辑网页HTML中的弹性盒子_如何编辑网页HTML中Flexbox弹性布局 html按钮链接怎么打_html按钮链接如何打详细方法如何通过Geany设置HTML验证插件的详细教程内联CSS怎么应用到HTML_内联CSS应用到HTML的使用方法