android与html交互

用webview实现android与html交互：

初始化webview代码：

private void initWebview(){
    webView=new WebView(this);
    webView.setWebViewClient(new WebViewClient());
    webSettings=webView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webView.loadUrl("file:///android_asset/test1.html");
}

实现java调用html中js方法传递参数：

 /**
     * Java 调用Js代码 (给html中js下的方法javaCallJs传参数)
     * @param v
     */
    public void JavaCallJs(View v){
        webView.loadUrl("javascript:javaCallJs('"+"一个帅比"+"')");
        setContentView(webView);
    }

添加内部类和方法，实现js调用android内的java方法：

//通过js传递给java的url，和视频名称，播放网络视频
 class JavaCallJs{
        @JavascriptInterface
        public void showToast(){
            Toast.makeText(MainActivity.this,"我是java代码",Toast.LENGTH_SHORT).show();
        }
        @JavascriptInterface
        public void playVideo(String url,String title){
            Log.i("Tag8","url:"+url);
            Log.i("Tag8","title:"+title);
            Intent intent = new Intent();
            intent.setDataAndType(Uri.parse(url),"video/*");
            startActivity(intent);
        }

    }

js调用Java代码：

 /**
     * Js 调用Java代码
     * @param v
     * 这里java这个参数很重要，起到一个连接作用，要和html中的window.xxx下面的对应起来
     */
    public void JsCallJava(View v){
        webView.addJavascriptInterface(new JavaCallJs(),"java");
        webView.loadUrl("file:///android_asset/test1.html");
        setContentView(webView);
    }

html中js的代码为：

<script type="text/javascript">
        function javaCallJs(username){
            var name=document.getElementsByTagName("span")[0];
            name.innerHTML=username;
        }

        function jsCallJavaParams(){
            javascript:java.playVideo('https://gss3.baidu.com/6LZ0ej3k1Qd3ote6lo7D0j9wehsv/tieba-smallvideo-transcode/17_5014955baa85219ee6ed706aafd8bcdb_3.mp4?authorization=bce-auth-v1%2Fde94045c2e42438fad71ab8df47a6727%2F2017-02-19T18%3A08%3A25Z%2F1800%2F%2F6d7a756c19cfba52e8e311c8241a1eda1c77168cd0df5ff877bcf9e336cd9091','舞蹈')
        }
    </script>

点击操作对应代码为：

 <input type="button" value="点我一下掉java" onclick="window.java.showToast()">
  <br>
  <input type="button" value="点我一下给java传参数,播放视频" onclick="jsCallJavaParams()">

通过上面就可以实现java给js传递参数，调用js里的方法，和js给java传递参数，调用java的方法，有问题请留言拍砖，请多多指教….

代码下载点击这里：https://github.com/amelons/JavaCallJs

转载地址请标明：http://blog.csdn.net/zxyudia/article/details/60955712