Android WebView与JS交互

最新推荐文章于 2023-12-18 15:40:07 发布

风无形_

最新推荐文章于 2023-12-18 15:40:07 发布

阅读量875

点赞数

分类专栏： Android 文章标签： webview js

本文链接：https://blog.csdn.net/sky286753213/article/details/11559801

版权

Android 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

最近项目需要用到html+js在安卓端展示,需要和js进行交互,下面是一些自己的心得

mWebView = new WebView(this);
		mWebView.getSettings().setJavaScriptEnabled(true);
		mWebView.loadUrl("file://mnt/sdcard/test.html");
		mWebView.addJavascriptInterface(new Object() {
			public void clickOnAndroid() {
				mHandler.post(new Runnable() {
					public void run() {
						getSpeak();
					}
				});
			}
		}, "speak");
		setContentView(mWebView);

需要注意的是

本地读取html文件路径以file://开头

speak要与onclick事件中相对应onClick="window.speak.clickOnAndroid()"

mWebView.loadUrl("javascript:ale('"+resultString+"')");

这个是回调html中的js方法

要注意一点的是调用js方法时参数外面要加单引号,否则js里获取不到参数

下面是html部分很简单

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<script language="javascript">
 
function ale(str){
	input=top.document.getElementsByName("t1");
    input[0].value=str;
	document.documentElement.style.backgroundColor="#00f"; 
}
</script>
</head>
<body>
<input type="text" name="t1"/>
 <button onClick="window.speak.clickOnAndroid()">语音输入</button>
</body>
</html>

风无形_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android WebView与JS交互

最近项目需要用到html+js在安卓端展示,需要和js进行交互,下面是一些自己的心得mWebView = new WebView(this); mWebView.getSettings().setJavaScriptEnabled(true); mWebView.loadUrl("file://mnt/sdcard/test.html"); mWebView.addJavascri
复制链接

扫一扫