Android WebView与JS交互入门

2019独角兽企业重金招聘Python工程师标准>>>

首先在Anndroid代码中对WebView进行初始化

webView = (WebView) findViewById(R.id.webview);// 启用javascript
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new Test(),"android");class Test{@JavascriptInterfacepublic void show(){runOnUiThread(new Runnable() {@Overridepublic void run() {Toast.makeText(MainActivity.this,"show",3000).show();}});}@JavascriptInterfacepublic void showText(String text){runOnUiThread(new Runnable() {@Overridepublic void run() {Toast.makeText(MainActivity.this,text,3000).show();}});}
}

html的代码如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<script type="text/javascript">function javacalljs(){document.getElementById("content").innerHTML ="<br\>JAVA调用了JS的无参函数";
}function javacalljswith(arg){document.getElementById("content").innerHTML =("<br\>"+arg);
}
</script>
</head>
<body>
HTML 内容显示 <br/>
<h1><div id="content">内容显示</div></h1>
<br/>
<input type="button"  value="点击调用java代码" onclick="window.android.show()" />
<br/>
<input type="button"  value="点击调用java代码并传递参数" onclick="window.android.showText('你好')"  />
</body>
</html>

WebView与js交互主要分四种情况

1、Android 调用HTML中的javascript脚本

//调用js中无参方法
webView.loadUrl("javascript:javacalljs()");

2、HTML中的javascript脚本调用Android本地代码

window.android.show()

3、Android 调用HTML中的javascript脚本并传递参数

//传递参数调用JS的方法
webView.loadUrl("javascript:javacalljswith(" + "'加班'" + ")");

4、HTML中的javascript脚本调用Android本地代码并传递参数

window.android.showText('你好')

window后跟的android为别名,需要前端开发人员与移动端开发人员定义统一的别名

转载于:https://my.oschina.net/u/3704128/blog/1560684

Android WebView与JS交互入门相关推荐

Android WebView 与 JS 交互
2019独角兽企业重金招聘Python工程师标准>>> 在android activity webView的使用,activity中执行html中的js 方法, 和在html 中调 ...
Android—WebView与JS交互
Html文件: WebView与JS交互方式: 1. 前提: WebSettings webSettings = webView.getSettings(); // 设置与Js交互的权限 webSet ...
Android WebView与js交互通信
事出有因,那天我看到手厅的客户端里,在网页webview中点击网络设置后,跳转到了手机的网络设置界面,然后就搜了一下,原来是html中js与androidApp之间的交互.这么说的太费劲了,还是上截图 ...
移动开发周刊：Android ImageView正确使用、WebView与JS交互解析
写在前面从 2011 年创建首刊至今,移动开发周刊内容聚焦 Android.iOS.VR/AR 等前沿移动开发技术,精选一周最热点,解读开发技巧,从中希望能够让你有一些收获,如果你有好的文章以及优化 ...
android webview 监听js,Android webview与js的数据交互
项目要用到Webview和js交互,查了查以前的项目感觉还是有必要整理下的. 简单描述下项目中用到的地方,比如说在web页需要用到登录的地方点击登录跳转到APP原生登录界面去登录,点击web页的拨打电 ...
js获取android数据,Android webview与js的数据交互
项目要用到Webview和js交互,查了查以前的项目感觉还是有必要整理下的. 简单描述下项目中用到的地方,比如说在web页需要用到登录的地方点击登录跳转到APP原生登录界面去登录,点击web页的拨打电 ...
Android WebView与JavaScript交互详解
近期工作项目中遇到Android的WebView与js交互问题,之前也知道有这方面的技术可以实现.但在用的过程中,却发现还是需要用电心思. 现把我所了解的分享给大家,希望可以帮助到做类似项目的童鞋. ...
android webView 与 JS交互方式
webView 与JS交互 Android调用JS代码的方法有: 通过WebView的loadUrl() 通过WebView的evaluateJavascript() 对于JS调用Android代码的 ...
WebView---android webview组件如何使用 Webview与js交互
浏览器控件是每个开发环境都具备的,这为马甲神功提供了用武之地,windows的有webbrowser,android和ios都有webview.只是其引擎不同,相对于微软的webbrowser,and ...

Android WebView与JS交互入门

Android WebView与JS交互入门相关推荐

最新文章

热门文章