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

版权声明:本文作者:CJ_star,博客地址:<a href="http://blog.csdn.net/cj_star">博客地址</a> https://blog.csdn.net/CJ_star/article/details/48035089
  • 搜了一下简单的示例,发现很多贴代码片段的,却没有没有贴完整项目的,自己稍微整理一下,给那些第一次接触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

阅读更多
换一批

没有更多推荐了,返回首页