Android js相互调用
一、webview相当于android中的浏览器，基于webkit开发，可以浏览网页文件，支持css javas cript 以及html
webview.getSettings().setJavaScriptEnabled(true);//允许JS执行 2 settings.setJavaScriptCanOpenWindowsAutomatically(true);//允许JS执行
webview.addJavascriptInterface(object,"name");//把Name="name"的对象添加到object中。object如果是this，就是window.name
加载本机的html文件如下：
file:///android_asset/teste.html 加载项目assets下的文件teste.html
file:///sdcard/index.html 加载sdcard下的index.html文件
webview.loadUrl("file:///android_asset/index.html");//注意这个资源的位置是跟res并列的文件夹下。
如果在用webview做应用的时候我们不希望新建webview进程，让程序跳来跳去那么进行如下设置
webv.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);//点击超链接的时候重新在原来进程上加载URL
return true;
}
});
在javascript中调用java方法
1.先将一个当前的java对象绑定到一个javascript上面，使用如下方法
webview.addJavascriptInterface(this, "js2java");//this为当前对象，绑定到js的someThing上面，主要js2java的作用域是全局的。一旦初始化便可随处运行
addJavascriptInterface//方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。
//映射Java对象"JSInvokeClass"到一个名为”js2java“的Javascript对象上
//JavaScript中可以通过"window.js2java"来调用Java对象的方法
mWebView.addJavascriptInterface(new JSInvokeClass(), "js2java");
/**网页Javascript调用接口**/
class JSInvokeClass {
public void back() {
activity.finish();
}
}
//JavaScript调用Java对象示例
<body onload="javascript:window.js2java.back()">
2.定义被调用的java方法
例子：
public class JavaJsDemo extends Activity {
private WebView webview;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webview = (WebView)findViewById(R.id.webview);
webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(this, "js2java");
webview.loadUrl("file:///android_asset/index.html");
}
public void printMsg(String msg){
System.out.println("----------msg:" + msg);
}
public void clickDoWork(){
webview.loadUrl("javascript:doSomeWork()");
}
}
html代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
<script language="javascript" type="html/text">
function doSomeWork(){
document.getElementById("helloweb").innerHTML="HelloWebView";
}
</script>
</head>
<body onload="javascript:window.js2java.printMsg('HelloWebView')">
<div id="hellowebview">
<a onClick="window.js2java.clickDoWork">
<img id="androidimg" src="android_normal.png"/>
<br>
Click me!
</a>
</div>
</body>
</html>
public class JavaJsWebViewDemo extends Activity {
private WebView mWebView;
private Handler mHandler = new Handler();
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.webviewdemo);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new Object() {
public void clickDoWork() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:doSomeWork()");
}
});
},
24 public void printMsg(String msg){
25
26 System.out.println("----------msg:" + msg);
27
28 }
}, "js2java");
mWebView.loadUrl("file:///android_asset/demo.html"); } }
注意：
使用addJavascriptInterface在安卓4.2以下是有安全漏洞的，可以用这篇文章http://www.pedant.cn/2014/07/04/webview-js-java-interface-research/的原理， 来规避这个漏洞来的问题， 完全是JS层面的解析调用，而且包装得更全面，分析得更彻底！
Android js相互调用的更多相关文章
- 关于action script与js相互调用的Security Error问题
大家都知道,as和js相互调用可以通过ExternalInterface.call和ExternalInterface.addCallback来进行. 比较好的做法是使用之前通过ExternalInt ...
- android js 互相调用
代码地址如下:http://www.demodashi.com/demo/13107.html android js 互相调用 第二版 支持js匿名函数接收 支持js json对象接收 支持js函数返 ...
- CefSharp 与 js 相互调用及注意事项
CefSharp 与 js 相互调用 一. CefSharp调用 js CefSharp.WinForms.ChromiumWebBrowser wb; ... 方式1. ExecuteScriptA ...
- WebView使用详解（一）——Native与JS相互调用（附JadX反编译）
念念不忘,必有回响,永远坚持你所坚持的! 一直在用WebView,还没有系统的总结过它的用法,下面就系统的总结下,分享给大家 一.基本用法 1.加载在线URL void loadUrl(String ...
- WebBrowser（IE） 与 JS 相互调用
在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页,既然是网页那么少不了JS.下面就让我们来说说他们两之间的相互调用. 在C#封装的浏览器内核中,Chromium 内核封装有 ...
- flex与js相互调用
1.flex调用js方法 调用方法例如:ExternalInterface.call("UploadComplete",oldName,uidName,_dir+"/&q ...
- 【转】CefSharp 与 js 相互调用
转自CSDN博客博主ghui,虽然博主说要经过他同意才能转,我只是做笔记用,没做他用,所以请博主理解,在此感谢博主! 一. CefSharp调用 js CefSharp.WinForms.Chromi ...
- CefSharp 与 js 相互调用
https://blog.csdn.net/gong_hui2000/article/details/48155547
- Android中通过WebView控件实现与JavaScript方法相互调用的地图应用
在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法,这样html才能调用andro ...
随机推荐
- iOS开发Xcode7真机调试教程
从Xcode7开始,Xcode 不需要$99/$299升级开发者直接可以进行真机调试 调试步骤 1.假设已经你已经有了苹果账号,下载并安装好了Xcode7 2. 打开Xcode-> Prefer ...
- Spring学习笔记—最小化Spring XML配置
自动装配(autowiring)有助于减少甚至消除配置<property>元素和<constructor-arg>元素,让Spring自动识别如何装配Bean的依赖关系. 自动 ...
- 【翻译十】java-固定锁和同步
Intrinsic Locks and Synchronization Synchronization is built around an internal entity known as the ...
- .NET Framework 4 与 .NET Framework 4 Client Profile
今天碰到的一个问题和Client Profile相关的.问题是这样的:一个WPF工程,需要引用另外几个.NET的assembly, 在WPF工程中添加了对这几个assembly的引用,并在程序中可以添 ...
- revert merge会出现的问题
比如当我们git revert的时候, git revert Git会抱怨: is a merge but no -m option was given 这是因为你revert的那个commit是一个 ...
- scala的tcp通信
client: object ActorClient extends App { import actors.Actor, actors.remote.Node, actors.remote.Remo ...
- PowerDesigner连接Oracle数据库生成数据模型【数据源连接方式】
1.进入操作系统的管理工具 2.选择ODBC数据源[32位或64位] 3.列表中是当前数据库已有的数据源,右侧点击添加按钮,添加适合自己的数据源 4.在列表中选择索要连接数据库的ODBC驱动[这里我要 ...
- 7-11使用UNION合并查询
合并查询的语法: SELECT ...FROM 表名一 UNION SELECT ...FROM 表名二 合并查询的特点: 1: 合并表中的列的个数,数据类型数据类型相同或兼容. 2:UNION 默 ...
- 手机WEB自适应头部代码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> < ...
- vs2015 MFC工程添加消息响应函数
真不知道这PPT怎么描述的..最后窝找到了解决方法如上图.. 下次找MSDN解决问题好了..而且我们并不知道他所说的这个IDE到底是哪个厂商哪个版本的IDE这就很困惑 不过呢..它主要是让我们添加消息 ...