Android与HTML+JS的交互
2017-02-13 15:54
381 查看
在Android开发中,越来越多的用到了Android原生与HTML的混合开发模式,那么相应的会产生很多Android原生代码与WebView进行相互交流的需求。比如点击WebView中的一个按钮调用打电话功能(JS调用原生代码),比如点击原生的按钮,调用JS部分代码(原生调用JS),以及两者之间的传值。
首先是JS调用原生代码:
Android端代码:
webview添加JavaScript接口
重写需要被调用的方法
网页端代码:
其次谈谈原生调用JS代码:
这就非常简单了
Android端代码:
网页端代码:
以上都可以用到方法的重载,加入参数进行数据传递
function
javacalljs(){ document.getElementById("content").innerHTML
= "<br\>JAVA调用了JS的无参函数";}
首先是JS调用原生代码:
Android端代码:
webview添加JavaScript接口
webView.getSettings().setJavaScriptEnabled(true); webView.addJavascriptInterface(ZhaiTangDetails.this,"android");
重写需要被调用的方法
@JavascriptInterface public void startFunction(final String id){ runOnUiThread(new Runnable() { @Override public void run() { Intent intent = new Intent(ZhaiTangDetails.this,CommentDetails.class); intent.putExtra("id",id); startActivity(intent); } }); }
网页端代码:
<input type="button" value="点击调用java代码并传递参数" onclick="window.android.startFunction('0X001')" />
其次谈谈原生调用JS代码:
这就非常简单了
Android端代码:
webView.loadUrl("javascript:javacalljs()");
网页端代码:
function javacalljs(){ document.getElementById("content").innerHTML = "<br\>JAVA调用了JS的无参函数"; }
以上都可以用到方法的重载,加入参数进行数据传递
function
javacalljs(){ document.getElementById("content").innerHTML
= "<br\>JAVA调用了JS的无参函数";}
相关文章推荐
- android 本地html JS与android 交互
- HTML---Android中webview和js之间的交互
- Android开发中webView与HTML+JS的交互
- Android之利用JSBridge库实现Html,JavaScript与Android的所有交互
- Native.js学习:利用Native.js实现Android与HTML数据的交互
- Android的webview加载本地html、assert内html和网络URL&&& JS与移动端webview的相互交互
- android 与html交互java调js与js调java操作
- Android WebView使用全面解析(加载网络资源、本地HTML,JS交互)
- Android 与JS交互 调用本地相册在Html页面显示图片
- Android与js交互,继承DroidGap后加载html时有几秒黑屏
- android中webView和html中js的交互
- Android与Html&JS交互
- HTML---Android中webview和js之间的交互
- Android 与 HTML + Js的交互
- Android实现js及webview交互之在html页面中调用系统摄像头
- HTML---android webview组件如何使用 Webview与js交互
- HTML---Android与js交互实例
- HTML---Android与js交互实例
- Android 之webview加载html 和js做交互
- Android实现js及webview交互之在html页面中调用系统摄像头