码迷,mamicode.com
首页 > 移动开发 > 详细

一个简单的Demo教你:Android和JS的互相调用

时间:2015-08-27 21:14:48      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:android   javascript   源码   js   

  • 搜了一下简单的示例,发现很多贴代码片段的,却没有没有贴完整项目的,自己稍微整理一下,给那些第一次接触JS和Java互相调用的同学。文章最后有项目源码地址。
  • JS调用Java方法示例
<html>
<body>
    <script language="javascript">
        function javaCallJsFunction(isHide) {
            var x = document.getElementById(‘div‘);
            x.className = "";
        }

        function js2java() {
            JSInterface.javaFunction();
        }
    </script>
    <style type="text/css">
.hide {
    display: none;
}
</style>

    <input type="button" onClick="js2java()"
        style="height: 200px; width: 200px" value="Call Java Fn">

    <div class="hide" id="div">
        <font color="#FF0000">this is a hide div~~~~</font>
    </div>
</body>
  • JS调用Java的方法解析
function js2java() {
 JSInterface.javaFunction();
}

其中JSInterface是native类的别名,相当于Java中的实例,javaFunction是native类里边声明的方法;注意一点是Android API 17及以上版本需要在方法需要声明注解@JavascriptInterface。

-Java接收JS调用和调用示例代码

public class JsInterface {
    private WebView mWebView;

    public JsInterface(WebView webView) {
        this.mWebView = webView;
    }

    @JavascriptInterface
    public void javaFunction() {
        new Handler(Looper.getMainLooper()).post(new Runnable() {
            @Override
            public void run() {
                //update UI in main looper, or it will crash
                Toast.makeText(mWebView.getContext(), "javaFunction had been called", Toast.LENGTH_SHORT).show();
            }
        });
    }

    public void javaCallJsFunction(int code){
        mWebView.loadUrl(String.format("javascript:payError("+code+")"));
    }
}
  • 函数javaCallJsFunction为Java调用JS代码

最后给上示例项目的源码:Android-JS-Call

版权声明:本文为博主原创文章,未经博主允许不得转载。

一个简单的Demo教你:Android和JS的互相调用

标签:android   javascript   源码   js   

原文地址:http://blog.csdn.net/cj_star/article/details/48035089

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!