android webview用法小结2 java与javascript的交互

最新推荐文章于 2023-04-05 09:48:04 发布

ethan_xue

最新推荐文章于 2023-04-05 09:48:04 发布

阅读量8.3k

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/ethan_xue/article/details/7849610

版权

Android 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

先提下两种方式

　方式一：

//先加载html文件，然后调用html文件中的javascript函数

webView.loadUrl("file:///android_asset/show.html");

webView.loadUrl("javascript:pushNewsData('"+strHtml+"')"); 　　

　　方式二：

//在Java代码中添加javascript的接口，然后在html文件中调用java中的对象

webView.addJavascriptInterface(strHtml, "MyContent");

先让浏览器支持javascript

webView.getSettings().setJavaScriptEnabled(true);//打开就可以用js的功能

Js代码,放在asset文件夹下,也可以在服务器端,这样改变内容,只需改服务器端,客户端不用修改

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript">
	function btn_test() {
/* 打印,logcat里的tag是Web Console */
		console.log("btn_test");
	}

	function call_java() {
/* js调用java代码,需要接口 */
		Window.interface_test.showToastFromWeb("hello i am javascript!");
	}

	function test_alert() {
/* 弹出对话框 */
		alert("hello i am javascript!");
	}

	function test_confirm() {
		/* 弹出带确定和取消按钮的对话框 */
	var v = confirm("hello i am javascript!");
		console.log("onfirm " + v);
	}

	function test_prompt() {
/* 弹出带输入框的对话框 */
		var v = prompt("input you name!", "tom");
		console.log("prompt " + v);
	}
	
</script>
</head>
<body>
	<button οnclick="btn_test()">test</button>
	<button οnclick="call_java()">call_java</button>
	<button οnclick="test_alert()">test_alert</button>
	<button οnclick="test_confirm()">test_confirm</button>
	<button οnclick="test_prompt()">test_prompt</button>
	<label tel:800800284>tel:8008233</label>

</body>
</html>

Java代码里

对应call_java()方法

webView.addJavascriptInterface(new Object(){
			public void showToastFromWeb(String msg){
				showToast(msg);
			}
		}, "interface_test");

对应alert等方法

webView.setWebChromeClient(new WebChromeClient(){

			@Override
			public void onProgressChanged(WebView view, int newProgress) {
//这里上一博文已提过
			}

			@Override
			public boolean onJsAlert(WebView view, String url, String message,
					JsResult result) {
				// TODO Auto-generated method stub
				return super.onJsAlert(view, url, message, result);
			}
			
			@Override
			public boolean onJsConfirm(WebView view, String url,
					String message, JsResult result) {
				// TODO Auto-generated method stub
				return super.onJsConfirm(view, url, message, result);
			}

			@Override
			public boolean onJsPrompt(WebView view, String url, String message,
					String defaultValue, JsPromptResult result) {
				// TODO Auto-generated method stub
				return super.onJsPrompt(view, url, message, defaultValue, result);
			}
						
		});

加载html

//			webView.loadUrl("javascript:btn_test()");
			webView.loadUrl("file:///android_asset/test.html");

效果图

ethan_xue

关注

0
点赞
踩
16

收藏

觉得还不错? 一键收藏
2
评论
android webview用法小结2 java与javascript的交互

先提下两种方式　方式一：//先加载html文件，然后调用html文件中的javascript函数 webView.loadUrl("file:///android_asset/show.html"); webView.loadUrl("javascript:pushNewsData('"+strHtml+"')"); 　　　　方式二：//在Java代码中添加javasc
复制链接

扫一扫