android之WebView与JavaScript互调_android webview javascriptinterface callback-CSDN博客

本文链接：https://blog.csdn.net/King1425/article/details/53001838

以下是一个WebView与JavaScript互调的例子

这里写图片描述

先看app.js 与index.html的代码

index.html：

<<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script >
    function jss() {
        alert("调用js")
    }
    </script>
    <script src="app.js"></script>
</head>
<body>
    <div>
        <a href="#" class="btn" id="btn">调Android</a>
    </div>
</body>
</html>

有一个内容为“调Android”的按钮。还有一个供Java调用的jss()方法。

app.js：

window.onload=function() {
    var tobBtn=document.getElementById("btn");
    tobBtn.onclick=function() {

        alert("hello")
        //此处调用Android中的callJs()方法
        Android.callJs();
    }

    // function jss() {
    //  alert("调用js")
    // }
    // jss();
}

js按钮的点击事件是调用Java中的callJs()方法.

java 调js的代码片段为：

Handler handler=new Handler();
            handler.post(new Runnable() {

                @Override
                public void run() {
                    //调用js中的jss()方法
                    wv.loadUrl("javascript:jss()");
                }
            });

js调Java的方法：

//js调用Android方法
        wv.getSettings().setJavaScriptEnabled(true);
        wv.addJavascriptInterface(new WebHost(this), "Android");

import android.content.Context;
import android.webkit.JavascriptInterface;
import android.widget.Toast;

public class WebHost {
    private Context context;

    public WebHost(Context context){
        this.context=context;
    }
 @JavascriptInterface
    public void callJs(){
        Toast.makeText(context, "call from js", Toast.LENGTH_SHORT).show();
    }
}

源码如下


import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.DownloadListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.TextView;


@SuppressLint("JavascriptInterface") public class MainActivity extends Activity implements OnClickListener {

    private WebView wv;
    private Button btn_back,btn_refrash;
    private  TextView tv_title;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
    }

    private void initView() {
        btn_back=(Button) findViewById(R.id.btn_back);
        btn_refrash=(Button) findViewById(R.id.btn_refresh);
        btn_back.setOnClickListener(this);
        btn_refrash.setOnClickListener(this);
        tv_title=(TextView) findViewById(R.id.tv_title);

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

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

        //js调用Android方法
        wv.getSettings().setJavaScriptEnabled(true);
        wv.addJavascriptInterface(new WebHost(this), "Android");


        wv.setWebChromeClient(new WebChromeClient(){
            @Override//在顶部加载title
            public void onReceivedTitle(WebView view, String title) {
                // TODO Auto-generated method stub
                tv_title.setText(title);
                super.onReceivedTitle(view, title);
            }
        });

        wv.setWebViewClient(new WebViewClient(){
            @Override//调用本地webview加载URL
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // TODO Auto-generated method stub
                view.loadUrl(url);
                return super.shouldOverrideUrlLoading(view, url);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                // TODO Auto-generated method stub
                super.onPageFinished(view, url);

            }
            //网页出错的时候加载本地的HTML；
//          @Override
//          public void onReceivedError(WebView view, int errorCode,
//                  String description, String failingUrl) {
//              // TODO Auto-generated method stub
//              super.onReceivedError(view, errorCode, description, failingUrl);
//              
//              wv.loadUrl("file:///android_asset/error.html");
//          }
        });

        wv.setDownloadListener(new MyDownload());
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.btn_back:
            Handler handler=new Handler();
            handler.post(new Runnable() {

                @Override
                public void run() {
                    //调用js中的jss()方法
                    wv.loadUrl("javascript:jss()");
                }
            });


            break;
//刷新
        case R.id.btn_refresh:
            wv.reload();
            break;
        }

    }
    //使用webview下载网页文件
class MyDownload implements DownloadListener{

    @Override
    public void onDownloadStart(String url, String userAgent,
            String contentDisposition, String mimetype, long contentLength) {
        //调用自己写的下载方法下载
        //new HttpThrend(url).start();

        //调用系统下载
        Uri uri=Uri.parse(url);
        Intent intent=new Intent(Intent.ACTION_VIEW,uri);
        startActivity(intent);
    }

}

}