您的位置：首页 > 移动开发

WebView本地java方法和js之间的调用

2014-04-13 19:40 597 查看

转载：http://www.oschina.net/code/snippet_232612_8531

一、webview相当于android中的浏览器，基于webkit开发，可以浏览网页文件，支持css javascript
以及html

使用webview首先要有以下配置：

1. AndroidManifest.xml中必须注册"android.permission.INTERNET"进行权限许可,(如果只是使用本地HTML，可以不用注册许可权限)否则会出Web page not available错误

2.如果在web中使用js需要许可javascript执行：WebView webv =(WebView)findViewById(R.id.webv);//从xml中获取webview

webv.getSettings().setJavaScriptEnabled(true);//允许JS执行

3.如果在用webview做应用的时候我们不希望新建webview进程，让程序跳来跳去那么进行如下设置

webv.setWebViewClient(new
WebViewClient(){

public
boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);//点击超链接的时候重新在原来进程上加载URL

return
true;

}

});

4.在做webview开发是经常会加载本机的html文件如下：

file:///android_asset/teste.html
加载项目assets下的文件teste.html

file:///sdcard/index.html 加载sdcard下的index.html文件

5.在javascript中调用java方法

5.1先将一个当前的java对象绑定到一个javascript上面，使用如下方法

webv.addJavascriptInterface(this, "someThing");//this为当前对象，绑定到js的someThing上面，主要someThing的作用域是全局的。一旦初始化便可随处运行

5.2定义被调用的java方法

如下例子

java代码：

package CC.CDC;

import android.app.Activity;

import android.os.Bundle;

import android.webkit.WebView;

public class SDFSDFSD extends Activity {

/** Called when the activity is first created. */

WebView webv;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

webv = (WebView)findViewById(R.id.webv);

webv.getSettings().setJavaScriptEnabled(true);

webv.addJavascriptInterface(this, "someThing");

webv.loadUrl("file:///android_asset/index.html");

}

public void setSmething(String some){

System.out.println("----------"+some+"---------------");

}

}

html代码：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<title></title>

<script language="javascript" type="html/text">

function dosomething(){

document.getElementById("helloweb").innerHTML="HelloWebView";

}

</script>

</head>

<body onload="javascript:window.someThing.setSmething('HelloWebView')">

<div id="helloweb">

</div>

</body>

</html>

此示例的结果就是在html页面加载外之后调用java的 setSmething的方法打印出字符串结果如图

java中调用js代码，当然这个也需要触发，现在将上述html中的onload代码改变为onload="javascript:window.someThing.getJsData()"

然后在java中增加如下代码

public void getJsData(){

webv.loadUrl("javascript:dosomething()");

}

执行效果如图

二、从WebView初探了解到WebView的强大，。听说WebView对Javascript的支持也很强，想从网上找些例子，还很难找，最终从google老家找了一个Java和Javascript互调的例子
，整个Eclipse ADT工程例子中都有，这里重点分析一下代码：

这里的重点是addJavascriptInterface(Object obj,String interfaceName)方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是interfaceName，作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的：

Html代码

<html>

<script language="javascript">

function wave() {

document.getElementById("droid").src="android_waving.png";

}

</script>

<body>

<a onClick="window.demo.clickOnAndroid()">

<img id="droid" src="android_normal.png"/><br>

Click me!

</a>

</body>

</html>

<html>          <script language="javascript">                  function wave() {                      document.getElementById("droid").src="android_waving.png";                  }          </script>          <body>              <a onClick="window.demo.clickOnAndroid()">                                  <img id="droid" src="android_normal.png"/><br>                                  Click me!              </a>          </body>  </html>

这样在javascript中就可以调用java对象的clickOnAndroid()方法了，wave()方法是java中调用javascript的例子。

这里还有几个知识点：

1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。

标签：<无>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航