Android与JS交互问题小结

最新推荐文章于 2025-08-10 13:13:35 发布
原创 最新推荐文章于 2025-08-10 13:13:35 发布 · 734 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文详细介绍了Android与JS之间的交互方式，包括通过WebView实现的多种调用方法，并具体讲解了如何在不同场景下向JS传递单个及多个参数。
1.首先我们需要了解Android与Js交互的方式

Android与JS通过WebView互相调用方法，实际上是：

  • Android去调用JS的代码
  • JS去调用Android的代码

二者沟通的桥梁是WebView

对于Android调用JS代码的方法有2种：

  1. 通过WebView的loadUrl（）
  2. 通过WebView的evaluateJavascript（）

对于JS调用Android代码的方法有3种：

  1. 通过WebView的addJavascriptInterface（）进行对象映射
  2. 通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
  3. 通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息

2.在使用中遇到了向Js传多个参数的问题

1）不传参数    WebView.loadUrl("JavaScript:getParameter()");

2）单个参数    WebView.loadUrl("JavaScript:getParameter('" + s + "')");

3）多个参数    WebView.loadUrl("JavaScript:getParameter('" + s + "','" + a + "','" + b + "')");

标签
#Android JS #传参数
lad_wjxf
关注
android传参给html，调用js方法
Android之路
08-20 7529
android 4.4前 webview.loadUrl(“javascript:test(\“传参成功\”)”); android 4.4后 webview.evaluateJavascript(js, new ValueCallback() { @Override ...
Android 网页交互详解和mWebview.evaluateJavascript带参数注意事项
weixin_42602900的博客
02-23 1334
Android 网页交互详解和mWebview.evaluateJavascript带参数注意事项
Android 传递数据到js
weixin_40963521的博客
08-12 383
Android 传递数据到 JS 的完整指南 在现代移动应用开发中，Android 与 Web 技术的结合越来越紧密。很多时候，我们需要在 Android 应用中调用 JavaScript 代码，并向 JavaScript 传递参数。本文将详细介绍如何实现这一过程，包括步骤、示例代码，并展示相应的流程图和饼状图。 流程概述...
Android：WebView与Javascript交互（相互调用参数、传值）
热门推荐
rorntuck7的专栏
12-05 2万+
Android中可以使用WebView加载网页，同时Android端的Java代码可以与网页上的JavaScript代码之间相互调用。 Activity代码：  //在js中调用本地java方法   webView.addJavascriptInterface(new JsInterface(this), "AndroidWebView");   //添加客户端支持   webView.
Android--JS向Android传递参数，并获得返回值(一个简单的实例)
程序员的良师益友
02-24 1万+
很多情况下，我们开发人员可能需要网页调用android代码，像调用方法一样，既能传入参数，有能得到返回值。 鉴于此种情况，特写此实现步骤供大家参考。 1、需要将webview控件的支持js的属性设置为true: mWebView.getSettings().setJavaScriptEnabled(true); 2、在android代码中添加js接口方法供js调
android WebView与JS交互小结
pcsxk的专栏
10-10 846
android里边的WebView是一个经常用到的控件，尤其随着H5的发展，WebView被应用的更多。在使用WebView时，与JS交互是一个常见的场景，这里我简单的总结一下。开启JS为何要开启开启很简单， 但是做之前我们可以先想一下为什么要开启JS支持。 其实开JS支持的最主要作用是使得H5页面可以正常运行，因为H5的火爆相当程度上要依靠JS的支撑，才实现那么多酷炫的效果。我刚开始接触WebV
Android与JS交互框架深度解析：以library.rar为案例
最新发布
weixin_42400643的博客
08-10 1028
随着移动互联网的蓬勃发展，移动应用不仅要提供良好的用户体验，还要保持与网络的紧密联系，其中，使用H5技术构建移动应用界面已成为一种流行方式。Android与H5的交互框架便是连接原生代码与Web视图的关键技术，它允许开发者利用各自的优势，实现功能上的互补。在讨论Android与H5的交互中，JavaScript Bridge扮演着至关重要的角色。JavaScript Bridge可以被视作连接native代码（如Android原生代码）和网页中JavaScript代码的桥梁。
Android中的JS交互小结
左手木亽
09-11 748
在平时开发中很多情况下需要涉及到使用WebView加载一个网页，这时候就需要跟网页里面的按钮或者输入框等进行数据或行为进行交互。 首先解决一个问题：在跟输入框交互有的时候弹不出输入法的时候解决办法，我们只要给WebView外层添加一个LinearLayout嵌套
WebView的使用小结----与JS的交互
li15225271052的博客
03-08 786
WebView不但可以运行一段HTML代码，还有一个重要特点，就是WebView可以同JavaScript互相调用。通过addJavascriptInterface(Object obj,String interfaceName)方法将一个Java对象绑定到一个Javascript对象中，Javascript对象名就是interfaceName，作用域是Global，这样便可以扩展Javascrip
WebView中js交互时参数中含特殊字符及乱码的问题
安妍妍的博客
07-25 4200
WebView中js交互时参数中含特殊字符及乱码的问题 使用WebView一般会用到js交互，无非两种：1.后台调用客户端的方法(客户端写方法并使用@JavaScript注解改方法即可)；2.客户端调用后台的方法(webView.loadUrl(“javascript:(’ “+param1+” ‘,’ “+param2+” ‘)”))。都比较简单。但是最近我觉在js交互上踩了2个大坑。特...
Android：WebView与js交互小结
易小四的博客
08-06 263
前言：现在Android应用市场是大多数的APP都内置了Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等，而这其中涉及到一个比较重要的技术点：WebView 与js的交互。 目录 1. 交互方式总结 Android与JS通过WebView互相调用方法，实际上是： Android去调用JS的代码 JS去调用Android的代码 ...
android webview用法小结2 java与javascript的交互
ethan_xue的专栏
08-09 8496
先提下两种方式 　方式一： //先加载html文件，然后调用html文件中的javascript函数  webView.loadUrl("file:///android_asset/show.html");  webView.loadUrl("javascript:pushNewsData('"+strHtml+"')");  　　  　　方式二： //在Java代码中添加javasc
Android学习之 WebView使用小结
小吕丶Code阶区
11-20 5975
这段时间基于项目需要 在开发中与WebView的接触比较多，前段时间关于HTML5规范尘埃落定的消息出现在各大IT社区头版上，更有人说：HTML5将颠覆原生App开发 虽然我不太认同这一点 但是关于HTML5+JS+CSS+Native的跨平台开发模式还是为很多企业节省了开发资源和成本、一定程度上提升了WebView的使用率和地位。 网上关于HTML5规范定稿的一篇见解文章： ht
Android原生内嵌H5开发小结
易寻资料的博客
01-21 6783
自用笔记 外包公司，为了节约成本，采用Android内嵌H5模式开发，便于在安卓移动端上直接复用页面， 从而提高开发效率。同时改动时候只需改动H5页面，无需改动客户端。 实现的原理： 本质是：Java代码和Javascript调用 H5页面，只是Html的扩展，Javascript用来处理页面的逻辑 Android和H5互调案例: 一.java调用js 1、Java 调用 js 里面的函数、效率并不是很高、估计要200ms左右吧、做交互性很强的事情、这种速度很难让人接受、而js去调Java的方
Android入门——WebView使用及Java和JavaScript交互小结
最美不过，心中有梦，身旁有你！
04-06 1529
WebView是用来展示Web页面的,通过WebView控件我们可以在App中直接使用PC端的Web页面，通过addJavascriptInterface方法还可以实现JavaScript方法和Java方法的互相调用，减少了不少的开发成本。
WebRTC学习之路---Android端与Web端交互
cj1561435010的博客
02-15 3030
二进制前缀：0b，十六进制前缀：0x，八进制前缀：0。 又多了解了一点javaSE的知识，java内部接口默认就是静态的。 一、Android Studio小坑        为了打通Android和浏览器的互通，安装了4年前用的IDE。。。AS。。。报了些错误，在这里记录下。    &nbs...
Android Webview 使用小结
11-19 527
采用重载URL的方式实现Java与Js交互 在Android中，常用的Java与Js交互的实现方式是通过函数addJavascriptInterface进行添加在Js中使用的回调代理类。 这种方法虽然方便，但是写出来的js代码并不通用。如果IOS也要实现类似的功能或业务，则IOS要另外写一套Js代码。所以不太推荐。 推荐使用重载URL的方式来实现，因为基本所有的平台都拥有在加载某...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值